From 6bdee34c9dcbdad1585d6cec946c0e924f92e078 Mon Sep 17 00:00:00 2001 From: Anatoly Kopyl Date: Wed, 31 Mar 2021 18:44:43 +0300 Subject: [PATCH] =?UTF-8?q?:lipstick:=20=D0=9E=D0=B4=D0=B8=D0=BD=D0=B0?= =?UTF-8?q?=D0=BA=D0=BE=D0=B2=D1=8B=D0=B5=20=D0=B1=D1=80=D0=B5=D0=B9=D0=BA?= =?UTF-8?q?=D0=BF=D0=BE=D0=B8=D0=BD=D1=82=D1=8B=20=D0=B2=D0=BE=20=D0=B2?= =?UTF-8?q?=D1=81=D0=B5=D1=85=20=D1=84=D0=B0=D0=B9=D0=BB=D0=B0=D1=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/App.vue | 3 --- frontend/src/components/Game.vue | 2 +- frontend/src/components/Login.vue | 7 +++++++ frontend/src/components/Stats.vue | 2 +- 4 files changed, 9 insertions(+), 5 deletions(-) diff --git a/frontend/src/App.vue b/frontend/src/App.vue index 76c5a37..3ff8aac 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -84,9 +84,6 @@ body { color: #121212; background-color: rgb(124, 230, 124) !important; } -.highlight_correct { - border: 1px solid rgb(124, 230, 124); -} .wrong { background-color: rgb(255, 71, 71) !important; } diff --git a/frontend/src/components/Game.vue b/frontend/src/components/Game.vue index ccd20c8..8a2a2ea 100644 --- a/frontend/src/components/Game.vue +++ b/frontend/src/components/Game.vue @@ -144,7 +144,7 @@ export default { margin-top: 100px; } -@media screen and (max-width: 486px) { +@media screen and (max-width: 520px) { .card { width: 94%; padding: 3%; diff --git a/frontend/src/components/Login.vue b/frontend/src/components/Login.vue index 3ec8879..03a7ab9 100644 --- a/frontend/src/components/Login.vue +++ b/frontend/src/components/Login.vue @@ -70,4 +70,11 @@ button { padding: 5px 8px 5px 8px; cursor: pointer; } + +@media only screen and (max-width: 520px) { + div { + width: 100%; + padding: 40px 0px 40px 0px; + } +} \ No newline at end of file diff --git a/frontend/src/components/Stats.vue b/frontend/src/components/Stats.vue index 2580b91..fae6afe 100644 --- a/frontend/src/components/Stats.vue +++ b/frontend/src/components/Stats.vue @@ -68,7 +68,7 @@ div { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6); } -@media screen and (max-width: 486px) { +@media screen and (max-width: 520px) { div { width: 100%; position: relative;