From c56aa127a66a0d37f86728833540b38bfe71f84b Mon Sep 17 00:00:00 2001 From: Nick Kosarev Date: Thu, 19 Sep 2024 15:07:51 +0200 Subject: [PATCH] fix: char grid (#258) * fix: char grid * chore: nuxt-time removed --- apps/website/app/pages/character/index.vue | 18 ++++++++--- apps/website/app/pages/p/[username].vue | 36 ++++++++++++++++------ apps/website/nuxt.config.ts | 1 - apps/website/package.json | 1 - pnpm-lock.yaml | 17 ---------- 5 files changed, 39 insertions(+), 34 deletions(-) diff --git a/apps/website/app/pages/character/index.vue b/apps/website/app/pages/character/index.vue index 68bd99f..72ef03b 100644 --- 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 index 3739794..d7bb9e5 100644 --- 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 index 286abff..fc66074 100644 --- 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 index b8a7c27..4868b82 100644 --- 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 index f911ded..abf439b 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -114,9 +114,6 @@ importers: nuxt-auth-utils: specifier: ^0.3.8 version: 0.3.8(magicast@0.3.5)(rollup@4.21.3) - nuxt-time: - specifier: ^0.1.3 - version: 0.1.3(magicast@0.3.5)(rollup@4.21.3) prisma: specifier: ^5.19.1 version: 5.19.1 @@ -4027,9 +4024,6 @@ packages: nuxt-auth-utils@0.3.8: resolution: {integrity: sha512-wIED0FXCiBH1FV9LtJbQ3aP/JCK+FEqpAO4ap/h2GRsfGpa5TMPnXb2QcGDdvSGLlDsILQwzL3uw3BteWH+/EA==} - nuxt-time@0.1.3: - resolution: {integrity: sha512-Ie9KA4DfaebqDaTy+u49VVI8lHHjTlllEqdFgeQuvQItrkDaojXWKLwHfW7ju7tDJlpVIV9K6KpRXWPAWUq7Bw==} - nuxt@3.13.0: resolution: {integrity: sha512-NZlPGlMav18KXWiOmTguQtH5lcrwooPniWXM3Ca4c9spsMRu3wyWLlN8wiI/cK+lEu3rQyKCGSA75nFVK4Ew3w==} engines: {node: ^14.18.0 || >=16.10.0} @@ -10333,17 +10327,6 @@ snapshots: - supports-color - webpack-sources - nuxt-time@0.1.3(magicast@0.3.5)(rollup@4.21.3): - dependencies: - '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3) - defu: 6.1.4 - pathe: 1.1.2 - transitivePeerDependencies: - - magicast - - rollup - - supports-color - - webpack-sources - nuxt@3.13.0(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.9.1(jiti@1.21.6))(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.5.4)(vite@5.4.4(@types/node@22.5.4)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.5.4)): dependencies: '@nuxt/devalue': 2.0.2