diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-20 13:20:19 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-20 13:20:19 +0900 |
| commit | b1faaebc93617158ef9a96ec95d46f034e69e7d8 (patch) | |
| tree | 47a91f219205aee7daa019d14ac4706065f0c450 /packages/client/src/components | |
| parent | :art: (diff) | |
| download | sharkey-b1faaebc93617158ef9a96ec95d46f034e69e7d8.tar.gz sharkey-b1faaebc93617158ef9a96ec95d46f034e69e7d8.tar.bz2 sharkey-b1faaebc93617158ef9a96ec95d46f034e69e7d8.zip | |
:art:
Diffstat (limited to 'packages/client/src/components')
| -rw-r--r-- | packages/client/src/components/MkSuperMenu.vue | 17 |
1 files changed, 10 insertions, 7 deletions
diff --git a/packages/client/src/components/MkSuperMenu.vue b/packages/client/src/components/MkSuperMenu.vue index 3179188518..35bb0e1893 100644 --- a/packages/client/src/components/MkSuperMenu.vue +++ b/packages/client/src/components/MkSuperMenu.vue @@ -116,22 +116,25 @@ export default defineComponent({ > .items { display: grid; - grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); - grid-gap: 8px; + grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); + grid-gap: 16px; padding: 0 16px; > .item { flex-direction: column; - padding: 18px 16px 16px 16px; - background: var(--panel); - border-radius: 8px; text-align: center; + padding: 0; > .icon { - display: block; + display: grid; + place-content: center; margin-right: 0; - margin-bottom: 12px; + margin-bottom: 6px; font-size: 1.5em; + padding: 16px; + aspect-ratio: 1; + background: var(--panel); + border-radius: 100%; } > .text { |