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

SignIn: applied safe-aera-inset

Browse source
This commit is contained in:
thislight 2024-08-05 21:10:48 +08:00
parent 40ca089f02
commit cde30f8e29
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/accounts/SignIn.tsx
View file

@ -138,6 +138,9 @@ const SignIn: Component = () => {
aria-describedby={ aria-describedby={
currentState() !== "inactive" ? progressId : undefined currentState() !== "inactive" ? progressId : undefined
} }
style={{
padding: `var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)`,
}}
> >
<LinearProgress <LinearProgress
class={[cards.cardNoPad, cards.cardGutSkip].join(" ")} class={[cards.cardNoPad, cards.cardGutSkip].join(" ")}

4
src/material/cards.module.css
View file

@ -12,7 +12,7 @@
} }
&:not(.manualMargin) { &:not(.manualMargin) {
& > :not(.cardNoPad) { &> :not(.cardNoPad) {
margin-inline: var(--card-pad, 20px); margin-inline: var(--card-pad, 20px);
} }
@ -20,7 +20,7 @@
margin-top: var(--card-gut, 20px); margin-top: var(--card-gut, 20px);
} }
> .cardGutSkip + *:not(.cardGutSkip) { >.cardGutSkip+*:not(.cardGutSkip) {
margin-top: var(--card-gut, 20px); margin-top: var(--card-gut, 20px);
} }