From 2e15e4f7ce097943200ddfb7d852182ccabb836a Mon Sep 17 00:00:00 2001
From: Azat Kashapov <azat.developer@gmail.com>
Date: Fri, 11 Aug 2023 19:42:53 +0300
Subject: [PATCH] fix: refactor styles

---
 src/App.ce.vue            | 29 ++++++++++++++---------------
 src/assets/style/main.css |  2 --
 2 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/App.ce.vue b/src/App.ce.vue
index 0b79406..f34875b 100644
--- a/src/App.ce.vue
+++ b/src/App.ce.vue
@@ -17,29 +17,29 @@ currentPage.value = WeatherList
 
 <style>
 .weather-page,
-.settings-page {
-  padding: 1rem;
-  max-width: 20rem;
-  position: relative;
-  font-family: Verdana, Geneva, Tahoma, sans-serif;
+.settings-page-wrapper {
+    padding: 1rem;
+    max-width: 20rem;
+    position: relative;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
 }
 
 .settings-page {
-  background-image: radial-gradient(circle, #bbece1, #006c96);
-  border-radius: 1rem;
+    background-image: radial-gradient(circle, #bbece1, #006c96);
+    border-radius: 1rem;
+    padding: 1rem;
 }
 
 .weather-item {
-  /* background-color: #C4E9E5; */
-  background-image: radial-gradient(circle, #bbece1, #006c96);
-  border-radius: 0.5rem;
+    background-image: radial-gradient(circle, #bbece1, #006c96);
+    border-radius: 0.5rem;
 }
 
 .weather-img-wrapper {
-  padding: 1rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+    padding: 1rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 .weather-info {
     border-left: 2px solid #AFD1CE;
@@ -48,7 +48,6 @@ currentPage.value = WeatherList
     align-items: center;
     width: 100%;
 }
-.weather-img {}
 
 .draggable-li {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
diff --git a/src/assets/style/main.css b/src/assets/style/main.css
index 3a67c70..cea02b7 100644
--- a/src/assets/style/main.css
+++ b/src/assets/style/main.css
@@ -13,7 +13,6 @@
 }
 
 .weather-item {
-    /* background-color: #C4E9E5; */
     background-image: radial-gradient(circle, #bbece1, #006c96);
     border-radius: 0.5rem;
 }
@@ -31,7 +30,6 @@
     align-items: center;
     width: 100%;
 }
-.weather-img {}
 
 .draggable-li {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;