Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

🎨

Browse source
This commit is contained in:
syuilo 2023-01-02 09:33:37 +09:00
parent 53afc685f9
commit 750160909d
1 changed files with 8 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
packages/frontend/src/ui/universal.vue
View file

@ -285,8 +285,10 @@ const wallpaper = localStorage.getItem('wallpaper') != null;
z-index: 1000; z-index: 1000;
bottom: 0; bottom: 0;
left: 0; left: 0;
padding: 16px 16px calc(env(safe-area-inset-bottom, 0px) + 16px) 16px; padding: 12px 12px calc(env(safe-area-inset-bottom, 0px) + 8px) 12px;
display: flex; display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 8px;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
-webkit-backdrop-filter: var(--blur, blur(32px)); -webkit-backdrop-filter: var(--blur, blur(32px));
@ -296,26 +298,15 @@ const wallpaper = localStorage.getItem('wallpaper') != null;
> .button { > .button {
position: relative; position: relative;
flex: 1;
padding: 0; padding: 0;
aspect-ratio: 1;
width: 100%;
max-width: 60px;
margin: auto; margin: auto;
height: 64px; border-radius: 100%;
border-radius: 8px;
background: var(--panel); background: var(--panel);
color: var(--fg); color: var(--fg);
&:not(:last-child) {
margin-right: 12px;
}
@media (max-width: 400px) {
height: 60px;
&:not(:last-child) {
margin-right: 8px;
}
}
&:hover { &:hover {
background: var(--X2); background: var(--X2);
} }
@ -329,14 +320,6 @@ const wallpaper = localStorage.getItem('wallpaper') != null;
animation: blink 1s infinite; animation: blink 1s infinite;
} }
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
> * { > * {
font-size: 20px; font-size: 20px;
} }