usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

🎨

This commit is contained in:
syuilo 2025-04-27 21:14:59 +09:00
parent 04b7dd0948
commit 3f08e41818
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/frontend/src/ui/_common_/mobile-footer-menu.vue
View File

@ -79,10 +79,9 @@ watch(rootEl, () => {
.root { .root {
position: relative; position: relative;
z-index: 1; z-index: 1;
padding: 12px 12px max(12px, env(safe-area-inset-bottom, 0px)) 12px; padding-bottom: env(safe-area-inset-bottom, 0px);
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 8px;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
background: var(--MI_THEME-navBg); background: var(--MI_THEME-navBg);
@ -91,6 +90,16 @@ watch(rootEl, () => {
} }
.item { .item {
padding: 12px 0;
&:first-child {
padding-left: 12px;
}
&:last-child {
padding-right: 12px;
}
&.post { &.post {
.itemInner { .itemInner {
background: linear-gradient(90deg, var(--MI_THEME-buttonGradateA), var(--MI_THEME-buttonGradateB)); background: linear-gradient(90deg, var(--MI_THEME-buttonGradateA), var(--MI_THEME-buttonGradateB));
@ -112,7 +121,7 @@ watch(rootEl, () => {
padding: 0; padding: 0;
aspect-ratio: 1; aspect-ratio: 1;
width: 100%; width: 100%;
max-width: 45px; max-width: 42px;
margin: auto; margin: auto;
align-content: center; align-content: center;
border-radius: 100%; border-radius: 100%;