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 @@ @@ -44,22 +43,27 @@ export default { }), }, mounted () { - //this.loadMonths() + this.loadMonths() }, }