feat(ui): iconWidth

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;",

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"