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

TootComposer: fix options padding
All checks were successful
/ depoly (push) Successful in 1m26s
Details

Browse source
This commit is contained in:
thislight 2025-01-16 22:40:04 +08:00
parent 4718239723
commit f31a4c33ad
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
3 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/material/cards.css
View file

@ -18,7 +18,8 @@
}
&>.card-pad {
margin-inline: var(--card-pad);
margin-left: var(--card-pad);
margin-right: var(--card-pad);
}
&>.card-gut {

4
src/timelines/TootComposer.css
View file

@ -27,8 +27,8 @@
flex-flow: row wrap;
padding-top: 16px;
padding-bottom: 8px;
margin-left: -0.5em;
margin-right: -0.5em;
margin-left: calc(var(--card-pad) - 0.5em);
margin-right: calc(var(--card-pad) - 0.5em);
animation: TootComposerFadeIn 110ms var(--tutu-anim-curve-sharp) both;
}

4
src/timelines/TootComposer.tsx
View file

@ -316,7 +316,7 @@ const TootComposer: Component<{
return (
<div
ref={props.ref}
class={/* @once */ `TootComposer card`}
class="TootComposer card"
style={containerStyle()}
on:touchend={
cancelEvent
@ -404,7 +404,7 @@ const TootComposer: Component<{
</div>
<Show when={active()}>
<div class="options card-pad card-gut">
<div class="options card-gut">
<Button
startIcon={<Translate />}
endIcon={<ArrowDropDown />}