From 7b7b51a9f54a2bae33aadef8a7211fea92f6ac77 Mon Sep 17 00:00:00 2001 From: Seraph91P Date: Wed, 14 Aug 2024 09:29:59 +0200 Subject: [PATCH] (theatre mode): moved styling to css file --- src/assets/index.css | 12 ++++++++++++ src/components/ActionButtons.vue | 2 +- src/components/TheatreModeToggle.vue | 16 ---------------- src/views/ClipView.vue | 6 ++---- src/views/UserView.vue | 6 ++---- src/views/VodView.vue | 6 ++---- 6 files changed, 19 insertions(+), 29 deletions(-) delete mode 100644 src/components/TheatreModeToggle.vue diff --git a/src/assets/index.css b/src/assets/index.css index b5c61c9..00b5c41 100644 --- a/src/assets/index.css +++ b/src/assets/index.css @@ -1,3 +1,15 @@ @tailwind base; @tailwind components; @tailwind utilities; + +.content-container { + @apply flex bg-crust flex-col p-6 rounded-lg w-full text-contrast; + } + + .content-container-theatre { + @apply md:w-[62vw] lg:w-[75vw] xl:w-[75vw] 2xl:w-[68vw]; + } + + .content-container-normal { + @apply md:w-[70vw] lg:w-[70vw] xl:w-[60vw] 2xl:w-[50vw] max-w-[1200px]; + } \ No newline at end of file diff --git a/src/components/ActionButtons.vue b/src/components/ActionButtons.vue index ee353b2..5f823bf 100644 --- a/src/components/ActionButtons.vue +++ b/src/components/ActionButtons.vue @@ -5,7 +5,7 @@ -