From 6e5c9bad7618344aa344d1e4ba395234478b7427 Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Sat, 4 Jan 2025 12:24:37 +0100
Subject: [PATCH] feat(ui): iconWidth

---
 front/src/composables/width.ts      | 2 ++
 front/src/ui/components/Sidebar.vue | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/front/src/composables/width.ts b/front/src/composables/width.ts
index 39e4ebae1..929f4e589 100644
--- a/front/src/composables/width.ts
+++ b/front/src/composables/width.ts
@@ -3,6 +3,7 @@ import type { HTMLAttributes } from "vue";
 
 export type WidthProps =
   | { minContent?: true }
+  | { iconWidth?: true }
   | { tiny?: true }
   | { buttonWidth?: true }
   | { small?: true }
@@ -14,6 +15,7 @@ export type Key = KeysOfUnion<WidthProps>
 
 const styles = {
   minContent: 'width: min-content;',
+  iconWidth: 'width: 40px;',
   tiny: "width: 124px; grid-column: span 2;",
   buttonWidth: "width: 136px; grid-column: span 2; flex-grow: 0; min-width: min-content;",
   small: "width: 202px; grid-column: span 3;",
diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index c3be3d95a..62b358002 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -58,7 +58,7 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
         <Button
           align-self="center"
           round icon="bi-upload"
-          class="is-icon-only"
+          icon-width
           ghost
           @click="store.commit('ui/toggleModal', 'upload')"
           :aria-pressed="store.state.ui.modalsOpen.has('languages') || undefined"