From b24d720f590853b3368cda75a310c02195be5a3a Mon Sep 17 00:00:00 2001 From: Julien Veyssier Date: Sun, 27 Oct 2024 17:04:23 +0100 Subject: [PATCH] fix style issues in cat/pm/curr cancel countdown Signed-off-by: Julien Veyssier --- src/components/CategoryOrPm.vue | 5 +++-- src/components/Currency.vue | 10 ++++++---- vite.config.ts | 3 +++ 3 files changed, 12 insertions(+), 6 deletions(-) diff --git a/src/components/CategoryOrPm.vue b/src/components/CategoryOrPm.vue index 2c5dcb05..1ecc7b14 100644 --- a/src/components/CategoryOrPm.vue +++ b/src/components/CategoryOrPm.vue @@ -212,11 +212,12 @@ export default { } .one-element-label { + position: relative; flex-grow: 1; display: flex; align-items: center; - padding: 4px 0 4px 0; margin-right: 20px; + padding: 4px 0 4px 0; > * { margin: 0 4px 0 4px; } @@ -225,7 +226,7 @@ export default { } .one-element-label-timer { position: absolute; - right: -5px; + right: -20px; } } diff --git a/src/components/Currency.vue b/src/components/Currency.vue index 3550873a..fc4ebd4a 100644 --- a/src/components/Currency.vue +++ b/src/components/Currency.vue @@ -164,19 +164,21 @@ export default { } .one-currency-label { + position: relative; + flex-grow: 1; display: flex; align-items: center; margin-right: 20px; padding: 4px 0 4px 0; + > * { + margin: 0 4px 0 4px; + } .one-currency-label-label { width: 50%; } .one-currency-label-timer { position: absolute; - right: 4px; - } - > * { - margin: 0 4px 0 4px; + right: -20px; } } diff --git a/vite.config.ts b/vite.config.ts index 2e5df203..0f802dc8 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -26,6 +26,9 @@ export default createAppConfig({ }, }, plugins: [eslint(), stylelint()], + build: { + cssCodeSplit: true, + }, }, inlineCSS: { relativeCSSInjection: true }, minify: isProduction,