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 { &>.card-pad {
margin-inline: var(--card-pad); margin-left: var(--card-pad);
margin-right: var(--card-pad);
} }
&>.card-gut { &>.card-gut {

4
src/timelines/TootComposer.css
View file

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

4
src/timelines/TootComposer.tsx
View file

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