Fixed some more styling format

kloudsoft91 · Oct 4, 2023 · 3d5bd0e · 3d5bd0e
1 parent c7cd0f2
commit 3d5bd0e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/components/input_json.vue b/components/input_json.vue
@@ -1,9 +1,9 @@
 <template>
     <div class="z-1 fixed flex inset-x-0 inset-y-0 justify-center bg-gray-700/80" @click="$emit('close-loadJSONModal')">
-        <div class="text-center h-4/5 w-1/2 mt-5% pt-2 light:bg-white dark:bg-black rounded-3xl" @click.stop>
-        <h2 class="indent-5 font-semibold light:text-black dark:text-white text-lg tablet:text-xl desktop:text-3xl">Add your existing JSON MetaData here</h2>
+        <div class="text-center h-4/5 w-1/2 mt-5% pt-2 bg-white dark:bg-black rounded-3xl" @click.stop>
+        <h2 class="indent-5 font-semibold text-black dark:text-white text-3xl">Add your existing JSON MetaData here</h2>
         <textarea class="ml-5% my-2 border border-slate-2000 h-10/12 flex w-18/20" v-model="inputJSON" />
-        <button class="border border-black rounded-lg px-2 py-1 w-11/12" @click="addJSON(inputJSON); $emit('close-loadJSONModal')">Add</button>
+        <button class="border border-black dark:border-white rounded-lg px-2 py-1 w-11/12" @click="addJSON(inputJSON); $emit('close-loadJSONModal')">Add</button>
         </div>
     </div>
 </template>

diff --git a/components/json_render.vue b/components/json_render.vue
@@ -1,12 +1,12 @@
 <template>
     <!-- JSON Render Box -->
     <div class="flex p-4 border border-slate-200 w-1/2">
-        <div class="relative w-full overflow-hidden mt-2 mb-2 pt-2 rounded-lg">
+        <div class="relative w-full overflow-hidden mt-2 mb-2 pt-2">
             <span class="absolute top-0 left-4 px-2 py-1 text-base uppercase rounded-b-lg text-inherit bg-yellow-300">json</span>
             <div class="flex justify-end">
                 <div class="flex">
                     <span class="absolute right-28 top-0 py-1 text-base text-emerald-500" v-if="copied">Copied Code &#10003;</span>
-                    <button class="absolute top-0 right-0 px-2 py-1 text-base rounded-b-lg light:text-white light:bg-black dark:text-black dark:bg-white" @click="copy" @mouseleave="copied = false">Copy Code</button>
+                    <button class="absolute top-0 right-0 px-2 py-1 text-base rounded-b-lg text-white bg-black dark:text-black dark:bg-white" @click="copy" @mouseleave="copied = false">Copy Code</button>
                 </div>
             </div>
             <div class="flex relative w-full mt-14">

diff --git a/components/navbar.vue b/components/navbar.vue
@@ -1,8 +1,8 @@
 <template>
-    <header class="desktop:block">
+    <header class="block">
         <nav class="bg-emerald-500 flex content-center">
             <div class="mb-2 flex">
-                <h1 class="indent-5 font-semibold light:text-white dark:text-black text-lg tablet:text-xl desktop:text-3xl">Mushy MetaData Helper</h1>
+                <h1 class="indent-5 font-semibold text-3xl text-white dark:text-black">Mushy MetaData Helper</h1>
             </div>
         </nav>
     </header>