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-16 10:15:18 +09:00
parent 46a5aa9ede
commit ef477ce1b5
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -77,14 +77,17 @@ watch(rootEl, () => {
<style lang="scss" module> <style lang="scss" module>
.root { .root {
position: relative;
z-index: 1;
padding: 12px 12px max(12px, env(safe-area-inset-bottom, 0px)) 12px; padding: 12px 12px max(12px, env(safe-area-inset-bottom, 0px)) 12px;
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 8px; grid-gap: 8px;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
background: var(--MI_THEME-bg); background: var(--MI_THEME-navBg);
border-top: solid 0.5px var(--MI_THEME-divider); color: var(--MI_THEME-navFg);
box-shadow: 0px 0px 6px 6px #0000000f;
} }
.item { .item {
@ -109,19 +112,17 @@ watch(rootEl, () => {
padding: 0; padding: 0;
aspect-ratio: 1; aspect-ratio: 1;
width: 100%; width: 100%;
max-width: 50px; max-width: 45px;
margin: auto; margin: auto;
align-content: center; align-content: center;
border-radius: 100%; border-radius: 100%;
background: var(--MI_THEME-panel);
color: var(--MI_THEME-fg);
&:hover { &:hover {
background: var(--MI_THEME-panelHighlight); background: var(--MI_THEME-panelHighlight);
} }
&:active { &:active {
background: hsl(from var(--MI_THEME-panel) h s calc(l - 2)); background: var(--MI_THEME-panelHighlight);
} }
} }