(theatre mode): moved styling to css file

2024-08-14 09:29:59 +02:00
parent 4985f3084e
commit 7b7b51a9f5
6 changed files with 19 additions and 29 deletions
--- a/src/views/ClipView.vue
+++ b/src/views/ClipView.vue
@ -100,10 +100,8 @@ export default {
    <VueTitle :title=" 'Clip - ' + data.title"></VueTitle>
    <div
      :class="[
-        'flex bg-crust flex-col p-6 rounded-lg w-full text-contrast',
-        isTheatreMode 
-          ? 'md:w-[62vw] lg:w-[75vw] xl:w-[75vw] 2xl:w-[68vw]' 
-          : 'md:w-[80vw] lg:w-[70vw] xl:w-[60vw] 2xl:w-[50vw] max-w-[1200px]'
+        'content-container',
+        isTheatreMode ? 'content-container-theatre' : 'content-container-normal'
      ]"
    >
      <div class="w-full mx-auto rounded-lg mb-5">