diff options
author | Grigorii K. Shartsev <me@shgk.me> | 2023-11-30 10:53:04 +0100 |
---|---|---|
committer | Grigorii K. Shartsev <me@shgk.me> | 2023-11-30 10:53:04 +0100 |
commit | e02db1fb48daf17f5eab2aa152500ed6b286c28d (patch) | |
tree | b2263b9315d7af014462a50badf4c663101a6814 /core/src/components/AppMenu.vue | |
parent | bdc7c64ec7afdb57ec3033f2b35f55747a9dbe31 (diff) | |
download | nextcloud-server-e02db1fb48daf17f5eab2aa152500ed6b286c28d.tar.gz nextcloud-server-e02db1fb48daf17f5eab2aa152500ed6b286c28d.zip |
fix(core): app icon alignment in app menu
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
Diffstat (limited to 'core/src/components/AppMenu.vue')
-rw-r--r-- | core/src/components/AppMenu.vue | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/core/src/components/AppMenu.vue b/core/src/components/AppMenu.vue index b9373c82ac6..debf682081b 100644 --- a/core/src/components/AppMenu.vue +++ b/core/src/components/AppMenu.vue @@ -270,6 +270,10 @@ $header-icon-size: 20px; .app-icon { position: relative; height: 44px; + width: 48px; + display: flex; + align-items: center; + justify-content: center; /* Icons are bright so invert them if bright color theme == bright background is used */ filter: var(--background-invert-if-bright); @@ -280,7 +284,6 @@ $header-icon-size: 20px; img { width: $header-icon-size; height: $header-icon-size; - padding: calc((50px - $header-icon-size) / 2); } } } |