fix: removed unneeded styles

kouts · Aug 15, 2022 · fac112e · fac112e
1 parent 0ec9263
commit fac112e
Showing 1 changed file with 15 additions and 17 deletions.
diff --git a/playground/App.vue b/playground/App.vue
@@ -13,7 +13,7 @@ const toggle = ref(true)
       <button type="button" class="border py-2 px-4 rounded" @click="toggle = !toggle">Toggle</button>
     </div>
     <div v-if="toggle" class="mt-4">
-      <SimpleDropdown class="inline" popper-class="border rounded">
+      <SimpleDropdown class="inline" popper-class="w-44 bg-white border rounded shadow-lg">
         <!-- This will be the popover reference (for the events and position) -->
         <button
           class="inline-block px-6 py-2.5 bg-blue-600 text-white leading-tight rounded hover:bg-blue-700 focus:bg-blue-700 focus:outline-none focus:ring-0 active:bg-blue-800 transition duration-150 ease-in-out"
@@ -23,22 +23,20 @@ const toggle = ref(true)
 
         <!-- This will be the content of the popover -->
         <template #popper="{ hide }">
-          <div class="w-44 bg-white rounded shadow">
-            <ul class="py-1 text-sm text-gray-70">
-              <li>
-                <a href="#" class="block py-2 px-4 hover:bg-gray-100 focus:bg-gray-100 outline-none" @click="hide">Dashboard</a>
-              </li>
-              <li>
-                <a href="#" class="block py-2 px-4 hover:bg-gray-100 focus:bg-gray-100 outline-none">Settings</a>
-              </li>
-              <li>
-                <a href="#" class="block py-2 px-4 hover:bg-gray-100 focus:bg-gray-100 outline-none">Earnings</a>
-              </li>
-              <li>
-                <a href="#" class="block py-2 px-4 hover:bg-gray-100 focus:bg-gray-100 outline-none">Sign out</a>
-              </li>
-            </ul>
-          </div>
+          <ul class="py-1 text-sm text-gray-70">
+            <li>
+              <a href="#" class="block py-2 px-4 hover:bg-gray-100 focus:bg-gray-100 outline-none" @click="hide">Dashboard</a>
+            </li>
+            <li>
+              <a href="#" class="block py-2 px-4 hover:bg-gray-100 focus:bg-gray-100 outline-none">Settings</a>
+            </li>
+            <li>
+              <a href="#" class="block py-2 px-4 hover:bg-gray-100 focus:bg-gray-100 outline-none">Earnings</a>
+            </li>
+            <li>
+              <a href="#" class="block py-2 px-4 hover:bg-gray-100 focus:bg-gray-100 outline-none">Sign out</a>
+            </li>
+          </ul>
         </template>
       </SimpleDropdown>
     </div>