Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests 1 Projects 1 Activity Actions

BoostIcon: fix color

Browse source
This commit is contained in:
thislight 2024-10-30 23:40:03 +08:00
parent b55618664c
commit 404ad1e678
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
3 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/timelines/toot-components/BoostIcon.css
View file

@ -1,11 +1,13 @@
.icon__boost { .BoostIcon {
padding: 0; display: inline-flex;
display: inline-block;
border-radius: 2px; border-radius: 2px;
background-color: green;
padding: 0.125em;
align-items: center;
> :global(svg) { > svg {
color: green; color: white;
font-size: 1rem; font-size: 1em;
vertical-align: middle; vertical-align: middle;
} }
} }

2
src/timelines/toot-components/BoostIcon.tsx
View file

@ -13,7 +13,7 @@ import "./BoostIcon.css";
const BoostIcon: Component<JSX.HTMLElementTags["i"]> = (props) => { const BoostIcon: Component<JSX.HTMLElementTags["i"]> = (props) => {
const [managed, rest] = splitProps(props, ["class"]); const [managed, rest] = splitProps(props, ["class"]);
return ( return (
<i class={["icon__boost", managed.class].join(" ")} {...rest}> <i class={["BoostIcon", managed.class].join(" ")} {...rest}>
<Repeat /> <Repeat />
</i> </i>
); );

1
src/timelines/toot.module.css
View file

@ -222,6 +222,7 @@
grid-template-columns: auto 1fr auto; grid-template-columns: auto 1fr auto;
gap: 8px; gap: 8px;
margin-bottom: 8px; margin-bottom: 8px;
align-items: center;
} }
.tootAttachmentGrp { .tootAttachmentGrp {