diff --git a/src/components/CreateMonth.vue b/src/components/CreateMonth.vue
index 63f9e9d..e79a56b 100644
--- a/src/components/CreateMonth.vue
+++ b/src/components/CreateMonth.vue
@@ -95,7 +95,8 @@ export default {
.month-presentation {
display: inline-flex;
flex-direction: row;
- background-color: palegreen;
+ box-shadow: 5px 5px 10px gray;
+ border-left: 1rem solid green;
align-items: center;
justify-content: space-between;
border-radius: 10px;
diff --git a/src/components/MonthPresentation.vue b/src/components/MonthPresentation.vue
index 9b99122..5e90132 100644
--- a/src/components/MonthPresentation.vue
+++ b/src/components/MonthPresentation.vue
@@ -112,7 +112,7 @@ export default {
flex-direction: row;
*/
display: grid;
- grid-template-columns: 1fr 6fr;
+ grid-template-columns: 140px 6fr;
box-shadow: 2px 2px 5px gray;
border-left: 1rem solid black;
diff --git a/src/style.css b/src/style.css
index 67bb90f..22ba618 100644
--- a/src/style.css
+++ b/src/style.css
@@ -9,15 +9,16 @@ button {
border: none;
color: white;
padding: 15px 32px;
+ box-shadow: 1px 1px 2px gray;
text-align: center;
display: inline-block;
width: 100%;
font-size: 16px;
border-radius: 5px;
- color: black;
+ color: white;
}
.validate {
- background-color: green;
+ background-color: green;
}
.cancel {
background-color: red;
diff --git a/src/views/home.vue b/src/views/home.vue
index d860036..a68a942 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,6 +1,5 @@
-Home
-
+Sous de Margot
@@ -11,8 +10,8 @@
@@ -44,22 +43,27 @@ export default {
}),
},
mounted () {
- //this.loadMonths()
+ this.loadMonths()
},
}