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);
+#main {
-    transition: box-shadow .3s linear;
+    margin-left : 2%;
-    outline: 0;
+    margin-right: 2%;
-    box-shadow: 0 10px 15px #00000026;
+    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>
    )
 }