fix: style

components/backup-restore.vue

@@ -135,7 +135,7 @@ export default {
   <section class="pegaz-section">
     <Terminal :terminal-content="terminalContent" />
     <div
-      class="flex flex-col items-center w-1/2 h-20 relative rounded-b-xl transition-all"
+      class="flex flex-col items-center md:w-3/4 lg:w-1/2 h-20 relative rounded-b-xl transition-all"
     >
       <div
         class="flex transition-all justify-center duration-1000"

components/demo.vue

@@ -3,8 +3,8 @@ export default {
   data: () => ({
     terminalContent: '',
     subDomain: '',
-    nextcloudClass: ['w-20', 'h-20'],
-    jellyfinClass: ['w-20', 'h-20'],
+    nextcloudClass: [],
+    jellyfinClass: [],
     backbuttonClass: [],
     subdomainClass: [],
     isDemonstrationEnded: false,
@@ -38,7 +38,7 @@ export default {
         'bg-opacity-10',
         'transition-all'
       ]
-      const downClass = ['opacity-0', 'w-0', 'p-0']
+      const downClass = ['opacity-0', 'w-0', 'p-0', 'transition-all']
       const openClass = [
         'w-full',
         'h-full',

components/svg/jellyfin.vue

@@ -11,7 +11,7 @@
     version="1.1"
     id="logo"
     viewBox="0 0 465.36509 465.36288"
-    class="svg replaced-svg"
+    class="w-0"
     sodipodi:docname="logo.svg"
     inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
   >

components/terminal.vue

@@ -20,7 +20,7 @@ export default {
     </div>
     <div class="flex h-4/5">
       <code
-        class="w-full text-white font-mono text-xs md:text-base p-4 pt-0 mr-0 overflow-scroll whitespace-pre"
+        class="w-full text-white font-mono text-base p-4 pt-0 mr-0 overflow-scroll whitespace-pre"
       >
         {{ terminalContent }}
         <span