Add the structure and some style

1 year ago · f098657c7d
parent a5714314fa
commit f098657c7d
2 changed files with 45 additions and 10 deletions
--- a/front/style/home.css
+++ b/front/style/home.css
@ -1,10 +1,44 @@
-/* #header {
-    background-color: var(--white);
-    transition: box-shadow .3s linear;
-    outline: 0;
-    box-shadow: 0 10px 15px #00000026;
-} */
+
+#main {
+    margin-left : 2%;
+    margin-right: 2%;
+    border : solid 2px purple;
+    display: flex;
+    flex-direction: column;
+
+}
+
+button {
+    border-radius: 100%;
+}

 #header { 
+    text-align: center;
+    background-color: green;
+    margin : 0px;
+}
+
+#body {
+    display: flex;
+    flex-direction: row;
+    border : solid 10px yellow;
+    margin:0px
+ }
+
+#personal-space {
+    background-color: red;
+}
+
+#sideMenu {
+    background-color: blue;
+
+}
+
+#ps-title {
+    text-align: center;
+}

+#sideMenu h2 {
+    display: inline-block;
+    margin-right : 5%;
 }
--- a/front/views/Home.tsx
+++ b/front/views/Home.tsx
@ -12,6 +12,7 @@ export default function Home({ lastTactics, allTactics } : { lastTactics : Tacti
        <div id="main">
            <Title/>
            <Body lastTactics={lastTactics} allTactics={allTactics}/>
+
        </div>
    )
 }