Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web/dialogs: reduce margin on mobile

Browse source
This commit is contained in:
wukko 2024-07-23 09:59:08 +06:00
parent 7ee99ad30f
commit bdd572ea51
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/components/dialog/PickerDialog.svelte
View file

@ -169,7 +169,7 @@
@media screen and (max-width: 535px) { @media screen and (max-width: 535px) {
.picker-dialog { .picker-dialog {
margin-bottom: calc( margin-bottom: calc(
var(--dialog-padding) + env(safe-area-inset-bottom) var(--padding) / 2 + env(safe-area-inset-bottom)
); );
box-shadow: 0 0 0 2px var(--popup-stroke) inset; box-shadow: 0 0 0 2px var(--popup-stroke) inset;
} }

6
web/src/components/dialog/SmallDialog.svelte
View file

@ -98,14 +98,14 @@
text-align: center; text-align: center;
max-width: 340px; max-width: 340px;
width: calc( width: calc(
100% - var(--padding) * 2 - var(--dialog-padding) * 2 100% - var(--padding) - var(--dialog-padding) * 2
); );
background: var(--popup-bg); background: var(--popup-bg);
box-shadow: box-shadow:
0 0 0 2px var(--popup-stroke) inset, 0 0 0 2px var(--popup-stroke) inset,
0 0 60px 10px var(--popup-bg); 0 0 60px 10px var(--popup-bg);
padding: var(--dialog-padding); padding: var(--dialog-padding);
margin: var(--padding); margin: calc(var(--padding) / 2);
border-radius: 29px; border-radius: 29px;
position: relative; position: relative;
will-change: transform; will-change: transform;
@ -148,7 +148,7 @@
@media screen and (max-width: 535px) { @media screen and (max-width: 535px) {
.small-dialog { .small-dialog {
margin-bottom: calc(var(--padding) + env(safe-area-inset-bottom)); margin-bottom: calc(var(--padding) / 2 + env(safe-area-inset-bottom));
box-shadow: 0 0 0 2px var(--popup-stroke) inset; box-shadow: 0 0 0 2px var(--popup-stroke) inset;
} }
} }