fix: char grid (#258)

* fix: char grid * chore: nuxt-time removed
chat-game · Sep 19, 2024 · c56aa12 · c56aa12
1 parent b0fd854
commit c56aa12
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 34 deletions.
diff --git a/apps/website/app/pages/character/index.vue b/apps/website/app/pages/character/index.vue
@@ -104,20 +104,28 @@ const notReadyCharacters = characters.value?.filter((c) => !c.isReady)
       gap: 0.5em;
 
       @media (min-width: 375px) {
-        grid-template-columns: repeat(3, 1fr);
+        & {
+          grid-template-columns: repeat(3, 1fr);
+        }
       }
 
       @media (min-width: 620px) {
-        grid-template-columns: repeat(4, 1fr);
-        gap: 0.75em;
+        & {
+          grid-template-columns: repeat(4, 1fr);
+          gap: 0.75em;
+        }
       }
 
       @media (min-width: 768px) {
-        grid-template-columns: repeat(6, 1fr);
+        & {
+          grid-template-columns: repeat(6, 1fr);
+        }
       }
 
       @media (min-width: 1024px) {
-        grid-template-columns: repeat(8, 1fr);
+        & {
+          grid-template-columns: repeat(8, 1fr);
+        }
       }
 
       .cell {

diff --git a/apps/website/app/pages/p/[username].vue b/apps/website/app/pages/p/[username].vue
@@ -383,20 +383,28 @@ const levelProgress = [
       gap: 0.5em;
 
       @media (min-width: 375px) {
-        grid-template-columns: repeat(3, 1fr);
+        & {
+          grid-template-columns: repeat(3, 1fr);
+        }
       }
 
       @media (min-width: 620px) {
-        grid-template-columns: repeat(4, 1fr);
-        gap: 0.75em;
+        & {
+          grid-template-columns: repeat(4, 1fr);
+          gap: 0.75em;
+        }
       }
 
       @media (min-width: 768px) {
-        grid-template-columns: repeat(6, 1fr);
+        & {
+          grid-template-columns: repeat(6, 1fr);
+        }
       }
 
       @media (min-width: 1024px) {
-        grid-template-columns: repeat(8, 1fr);
+        & {
+          grid-template-columns: repeat(8, 1fr);
+        }
       }
 
       .cell {
@@ -517,20 +525,28 @@ const levelProgress = [
       gap: 0.5em;
 
       @media (min-width: 375px) {
-        grid-template-columns: repeat(3, 1fr);
+        & {
+          grid-template-columns: repeat(3, 1fr);
+        }
       }
 
       @media (min-width: 620px) {
-        grid-template-columns: repeat(4, 1fr);
-        gap: 0.75em;
+        & {
+          grid-template-columns: repeat(4, 1fr);
+          gap: 0.75em;
+        }
       }
 
       @media (min-width: 768px) {
-        grid-template-columns: repeat(6, 1fr);
+        & {
+          grid-template-columns: repeat(6, 1fr);
+        }
       }
 
       @media (min-width: 1024px) {
-        grid-template-columns: repeat(8, 1fr);
+        & {
+          grid-template-columns: repeat(8, 1fr);
+        }
       }
 
       .cell {

diff --git a/apps/website/nuxt.config.ts b/apps/website/nuxt.config.ts
@@ -69,7 +69,6 @@ export default defineNuxtConfig({
     '@vueuse/nuxt',
     'nuxt-auth-utils',
     '@nuxtjs/device',
-    'nuxt-time',
     '@nuxtjs/i18n',
   ],
   compatibilityDate: '2024-08-18',

diff --git a/apps/website/package.json b/apps/website/package.json
@@ -42,7 +42,6 @@
     "@vueuse/nuxt": "^11.0.3",
     "nuxt": "^3.13.1",
     "nuxt-auth-utils": "^0.3.8",
-    "nuxt-time": "^0.1.3",
     "prisma": "^5.19.1",
     "vue-tsc": "^2.1.6"
   }

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml