edit: consstruction d'une structure responsive pour l'interface

2026-03-18 22:04:31 +01:00
parent 13c91b464f
commit 91355bcb91
12 changed files with 378 additions and 58 deletions
@@ -0,0 +1,37 @@
+<template>
+    <div id="inboxContainer" class="uiStyle">
+
+    </div>
+</template>
+
+<style scoped>
+  /*================= Mise en page:
+    => Mobile First : par défaut, moins de 500px
+    => Tablette et PC format haut : de 500 à 1000px
+    => PC large : à partir de 1000px
+  */
+
+  /*+++++++++++++++++ COPYBOX
+      ================ PC HAUT/IPAD
+      @media(min-width:500px){}
+      ================ PC LARGE
+      @media(min-width:1000px){}
+  */
+
+  #inboxContainer{
+    width:100%;
+    position:relative;
+    height:50%;
+  }
+  /*================ PC LARGE*/
+  @media(min-width:1000px){}
+</style>
+
+<script>
+  export default {
+    name : 'InboxContent',
+    mounted(){
+      console.log("Inbox content is loaded!");
+    }
+  };
+</script>