Merge pull request #57 from DXS-GROUP/InDev

Fix
Nighty3098 · Oct 11, 2024 · 75e3a7c · 75e3a7c
2 parents ef46e5c + d3fa5a5
commit 75e3a7c
Showing 1 changed file with 22 additions and 13 deletions.
diff --git a/app/static/css/style.css b/app/static/css/style.css
@@ -1,11 +1,11 @@
 @import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Pacifico&display=swap");
 
 :root {
-  --bg: #2F3541;
+  --bg: #2f3541;
   --bg2: #3d4452;
   --fg: #cad3f5;
-  --accent: #9ABFE5;
-  --accent-hover: #9ABFE5;
+  --accent: #9abfe5;
+  --accent-hover: #9abfe5;
   --accent-pressed: #babbf1;
   --critical: #ed8796;
   --warning: #e5c890;
@@ -102,7 +102,7 @@ h3 {
 }
 
 .modal-content {
-  background-color: rgba(47, 53, 65, 1.0);
+  background-color: rgba(47, 53, 65, 1);
   margin: 3% auto;
   border: 2px solid var(--bg2);
   width: 50%;
@@ -256,8 +256,9 @@ h3 {
     fill 0.5s;
   background-color: rgba(47, 53, 65, 0.4);
   backdrop-filter: blur(10px);
-  animation: fadeIn 0.5s ease,
-  slideInDown 1s ease;
+  animation:
+    fadeIn 0.5s ease,
+    slideInDown 1s ease;
 }
 
 .power_button svg {
@@ -416,7 +417,7 @@ p {
 
 .container {
   font-family: "M PLUS Rounded 1c", system-ui;
-  margin-top: 5%;
+  margin-top: 1%;
   margin-bottom: 1%;
   padding-top: 1%;
   padding-bottom: 1%;
@@ -470,8 +471,9 @@ p {
   display: flex;
   flex-direction: row;
   transition: backdrop 0.5s;
-  animation:slideInDown 1s ease,
-            fadeIn 0.5s ease;
+  animation:
+    slideInDown 1s ease,
+    fadeIn 0.5s ease;
 }
 
 .os_icon {
@@ -499,7 +501,7 @@ p {
 .cards {
   display: grid;
   grid-template-columns: 50% 50%;
-  grid-gap: 5%;
+  grid-gap: 2%;
   align-items: center;
   justify-content: center;
   font-family: "M PLUS Rounded 1c", system-ui;
@@ -555,7 +557,8 @@ p {
   gap: 30px;
   align-items: center;
   justify-content: center;
-  height: 100%;
+
+  width: 100%;
   max-width: 100%;
   overflow-y: auto;
   overflow-x: hidden;
@@ -582,8 +585,7 @@ p {
 
   line-height: 1%;
 
-  transition:
-      transform 0.6s ease;
+  transition: transform 0.6s ease;
   animation: fadeIn 0.5s ease;
 }
 
@@ -599,6 +601,13 @@ p {
   width: 8%;
 }
 
+.subcontent {
+  align-items: center;
+  align-content: center;
+  margin: 0px;
+  justify-content: center;
+}
+
 @media screen and (max-width: 700px) {
   .main-cards {
     margin-top: 10%;