[RZA-250021]: fix lint issues and</ BaseLayout> placement

Author: xkeshav

src/assets/json/state.json

@@ -126,4 +126,4 @@
   .card-title {
     font-size: 1.5rem;
   }
-}
+}

src/assets/styles/CardIndex.css

@@ -417,4 +417,4 @@
 
 .alphabet-item:focus-visible {
   outline: none;
-}
+}

src/assets/styles/CardQueue.css

@@ -81,7 +81,7 @@
   transition: all 0.3s ease;
 }
 
-.font-icon{
+.font-icon {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -139,7 +139,7 @@
   opacity: 1;
 }
 
-.bg-icon{
+.bg-icon {
   position: absolute;
   top: 50%;
   left: 50%;

src/assets/styles/DrawPage.css

@@ -45,7 +45,7 @@
     transform: scale(0.95);
     background-color: color-mix(in srgb, var(--primary) 70%, black 30%);
   }
-  
+
   & .container__alphabet {
     display: grid;
     gap: 2rem;

src/assets/styles/alphabets/[alphabet]/board.css

@@ -178,11 +178,9 @@
 .flags-grid .flip__card .card__glow {
   position: absolute;
   inset: 0;
-  background: radial-gradient(
-    circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
-    color-mix(in srgb, var(--primary) 10%, transparent) 0%,
-    transparent 60%
-  );
+  background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
+      color-mix(in srgb, var(--primary) 10%, transparent) 0%,
+      transparent 60%);
   opacity: 0;
   transition: opacity 0.3s ease;
   pointer-events: none;
@@ -192,12 +190,15 @@
   .flags-grid .flip__card .character {
     font-size: 3rem;
   }
+
   .flags-grid .flip__card .text {
     font-size: 1.1rem;
   }
+
   .flags-grid .flip__card .description {
     font-size: 0.75rem;
   }
+
   .flags-grid .flip__card .flipped__text {
     font-size: 1.2rem;
   }
@@ -220,9 +221,8 @@
   line-height: 1;
 }
 
-@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');
 
 .flags-grid .card__back .character {
-  font-family: 'Noto Color Emoji', sans-serif;
-  font-size: clamp(6rem, 15vw, 8rem); 
+  font-family: "Noto Color Emoji", sans-serif;
+  font-size: clamp(6rem, 15vw, 8rem);
 }

src/assets/styles/glossary/flags.css

@@ -1,4 +1,3 @@
-
 .card__inner {
   background: var(--background);
   border: 2px solid var(--border);

src/assets/styles/glossary/index.css

@@ -179,7 +179,7 @@
   }
 }
 
-.title{
+.title {
   font-size: 1.2rem;
 }
 

src/assets/styles/map/district.css

@@ -29,8 +29,6 @@
   color: var(--text);
 }
 
-
-
 .explore-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
@@ -46,8 +44,7 @@
   background: var(--background);
   border-radius: 8px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  transition:
-    box-shadow 0.2s ease;
+  transition: box-shadow 0.2s ease;
   border-top-left-radius: 10%;
   border-top-right-radius: 10%;
 }

src/assets/styles/map/map.css

@@ -51,9 +51,8 @@
   flex: 0.8;
   display: flex;
   flex-direction: column;
-  align-items: start;
+  align-items: flex-start;
   color: var(--text);
-  font-family: "Comic Sans MS", cursive, sans-serif;
   font-size: 1.5rem;
 }
 
@@ -127,7 +126,6 @@
   color: var(--text);
   margin: 0 0 10px 0;
   font-size: 1.1rem;
-  font-family: "Comic Sans MS", cursive, sans-serif;
 }
 
 .info-card p {
@@ -148,7 +146,6 @@
   color: var(--text);
   margin: 0 0 15px 0;
   font-size: 1.1rem;
-  font-family: "Comic Sans MS", cursive, sans-serif;
 }
 
 .description {
@@ -185,7 +182,6 @@
   text-decoration: none;
   border-radius: 25px;
   font-size: 0.9rem;
-  font-family: "Comic Sans MS", cursive, sans-serif;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   transition: all 0.3s ease;
 }
@@ -261,6 +257,7 @@
 }
 
 @media screen and (min-width: 768px) {
+
   .tooltip,
   #state-tooltip {
     transform: translate(-50%, -120%);
@@ -269,6 +266,7 @@
 }
 
 @media screen and (min-width: 1200px) {
+
   .tooltip,
   #state-tooltip {
     transform: translate(-15vw, -20vh);
@@ -404,12 +402,10 @@
 
 /* Responsive styles */
 @media (max-width: 1200px) {
-  .state-page {
-    /* padding: 15px; */
-  }
   .main-container {
     gap: 20px;
   }
+
   .info-grid {
     gap: 15px;
   }
@@ -420,13 +416,16 @@
     grid-template-columns: 1fr;
   }
 }
+
 @media (max-width: 992px) {
   .info-grid {
     grid-template-columns: repeat(2, 1fr);
   }
+
   .info-card h4 {
     font-size: 1rem;
   }
+
   .info-card p {
     font-size: 0.85rem;
   }
@@ -436,52 +435,65 @@
   .main-container {
     grid-template-columns: 1fr;
   }
+
   .info-grid {
     grid-template-columns: repeat(2, 1fr);
     gap: 12px;
   }
+
   .info-card {
     padding: 12px;
   }
+
   .quick-facts {
     padding: 15px;
   }
+
   .links {
     flex-direction: column;
     gap: 10px;
   }
+
   .link-button {
     text-align: center;
   }
+
   .stats-grid {
     grid-template-columns: 1fr;
   }
 }
 
 @media (max-width: 480px) {
-  .main-container{
+  .main-container {
     padding: 0.4rem;
   }
+
   .info-grid {
     grid-template-columns: 1fr;
   }
+
   .back-button {
     padding: 10px 16px;
     font-size: 1rem;
   }
+
   .info-card {
     padding: 10px;
   }
+
   .info-card h4 {
     font-size: 0.95rem;
   }
+
   .info-card p {
     font-size: 0.8rem;
   }
+
   .quick-facts h4 {
     font-size: 1rem;
   }
+
   .description {
     font-size: 0.85rem;
   }
-}
+}