Merge pull request #79 from aquaductape/fix-styling

fix styling

Author: amoutonbrady

playground/components/header.tsx

@@ -71,7 +71,7 @@ export const Header: Component<{
       </h1>
       <div class="flex items-center space-x-2">
         <Dismiss
-          classList={{ 'absolute top-[53px] right-[10px] w-[fit-content]': showMenu() }}
+          classList={{ 'absolute top-[53px] right-[10px] w-[fit-content] z-10': showMenu() }}
           menuButton={() => menuBtnEl}
           open={showMenu}
           setOpen={setShowMenu}

playground/components/zoomDropdown.tsx

@@ -102,7 +102,7 @@ export const ZoomDropdown: Component<{ showMenu: boolean }> = (props) => {
       </button>
       <Dismiss menuButton={btnEl} open={open} setOpen={setOpen}>
         <div
-          class="absolute top-full left-1/2 bg-white dark:bg-gray-700 text-brand-default border border-gray-900 rounded shadow  p-6 -translate-x-1/2 z-10"
+          class="fixed right-0 top-[48px] bg-white dark:bg-gray-700 text-brand-default border border-gray-900 rounded shadow p-6 w-min z-10"
           classList={{
             'left-1/4': props.showMenu,
           }}