Version 1.0.0 - Finalisation de Account et de GuildHeader

src/components/UI/Box.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :style="widthStyle" :class="activeClass">
+    <div :style="widthStyle + overboxStyle" :class="activeClass">
         <slot></slot>
     </div>
 </template>
@@ -7,8 +7,6 @@
     div {
         background-color: var(--secondary);
         border-radius: 10px;
-  
-        
     }
 
     .box-shadow {
@@ -55,6 +53,10 @@ const props = defineProps({
     noShadow: {
         type: Boolean,
         default: false
+    },
+    overbox: {
+        type: Boolean,
+        default: false
     }
 });
 
@@ -65,6 +67,10 @@ const widthStyle = computed(() => {
     return '';
 }); 
 
+const overboxStyle = computed(() => {
+    return props.overbox ? 'border-radius: 10px 10px 0 0; padding: 10px 10px 0 10px;' : '';
+});
+
 const activeClass = computed(() => {
     return `${props.level} ${props.padding} ${props.boxClass} ${props.noShadow ? '' : 'box-shadow'}`;
 });