An easy to use leptos component library
Find a file
kandrelczyk 9259bdc723
icon missaligment in message fix (#194)
* Hi @luoxiaozero,

I've just noticed the same issue as described here (https://github.com/thaw-ui/thaw/issues/190) and tracked it down to tailwindcss.  In the output.css generated by it we have:
```
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}
```

Your recent change sets the display to inline-block (983e85728a) and this collides with the 'vertical-align' set by tailwindcss.

Changing the vertical-align property to 'top' fixes the misalignment so I think the simplest fix is to add 'vertical-align: top' to icon.css. I don't see it affecting anything else so it should be safe.

* icon missaligment fix
2024-05-18 00:32:29 +08:00
.github/workflows fix: next_frame leaks (#147) 2024-03-20 11:01:48 +08:00
demo Use fully qualified syntax in the example of Drawer (#187) 2024-05-07 23:36:36 +08:00
demo_markdown Use fully qualified syntax in the example of Drawer (#187) 2024-05-07 23:36:36 +08:00
examples/ssr_axum feat: update leptos to v0.6.10 2024-04-05 23:51:03 +08:00
thaw icon missaligment in message fix (#194) 2024-05-18 00:32:29 +08:00
thaw_components v0.3.1 2024-04-27 20:58:49 +08:00
thaw_utils Use fully qualified syntax in the example of Drawer (#187) 2024-05-07 23:36:36 +08:00
.gitignore ci: fix build gh-pages workflow 2023-10-11 11:07:57 +08:00
Cargo.toml v0.3.1 2024-04-27 20:58:49 +08:00
CHANGELOG.md v0.3.1 2024-04-27 20:58:49 +08:00
leptosfmt.toml style: add leptosfmt.toml 2023-12-23 12:24:04 +08:00
LICENSE Initial commit 2023-03-28 12:18:39 +08:00
logo.svg feat: remove wasm-bindgen 2023-11-02 16:52:34 +08:00
README.md v0.3.0 2024-04-14 00:41:57 +08:00

Thaw Logo

Thaw UI

An easy to use leptos component library

Documentation

https://thawui.vercel.app

Leptos compatibility

Crate version Compatible Leptos version
0.1 0.5
0.2 / 0.3 0.6

Resources

Pigment

Naive UI

Contribution

Thank you to all the people who already contributed to Thaw!