diff --git a/src/App.vue b/src/App.vue index 1d6fa53..1228395 100644 --- a/src/App.vue +++ b/src/App.vue @@ -60,6 +60,7 @@ footer { margin-top: 16px; border-radius: 16px; padding: 0 24px 12px 24px; + box-shadow: rgba(0, 0, 0) 0px 4px 10px; } #pomodoro { diff --git a/src/components/Infos.vue b/src/components/Infos.vue index a2dd3fe..cbd3f98 100644 --- a/src/components/Infos.vue +++ b/src/components/Infos.vue @@ -18,7 +18,7 @@
@@ -114,6 +114,7 @@ export default { color: white; max-height: 320px; overflow: auto; + box-shadow: rgba(0, 0, 0) 0px 4px 10px; } #date-time { @@ -136,6 +137,7 @@ export default { font-size: 24px; font-weight: bold; margin-bottom: 8px; + color: #b4c2ff; } #definition { diff --git a/src/components/Pomodoro.vue b/src/components/Pomodoro.vue index abdf78d..88d98f7 100644 --- a/src/components/Pomodoro.vue +++ b/src/components/Pomodoro.vue @@ -203,6 +203,7 @@ export default { margin-right: 16px; min-height: 260px; max-height: 330px; + box-shadow: rgba(0, 0, 0) 0px 4px 10px; } #container {