fix width issue of zoom button

aquaductape · Milo · commit 888949e3aac5 · 2024-03-27T09:35:00.000-04:00
diff --git a/packages/playground/src/components/zoomDropdown.tsx b/packages/playground/src/components/zoomDropdown.tsx
@@ -87,7 +87,7 @@ export const ZoomDropdown: Component<{ showMenu: boolean }> = (props) => {
     >
       <button
         type="button"
-        class="flex flex-row items-center space-x-2 rounded px-2 py-2 opacity-80 hover:opacity-100 md:px-1"
+        class="flex w-full flex-row items-center space-x-2 rounded px-2 py-2 opacity-80 hover:opacity-100 md:px-1"
         classList={{
           'rounded-none active:bg-gray-300 hover:bg-gray-300 dark:hover:text-black': props.showMenu,
           'bg-gray-300 dark:text-black': open() && props.showMenu,

Original file line number	Diff line number	Diff line change
`@@ -87,7 +87,7 @@ export const ZoomDropdown: Component<{ showMenu: boolean }> = (props) => {`
`87`	`87`	`>`
`88`	`88`	`<button`
`89`	`89`	`type="button"`
`90`		`- class="flex flex-row items-center space-x-2 rounded px-2 py-2 opacity-80 hover:opacity-100 md:px-1"`
	`90`	`+ class="flex w-full flex-row items-center space-x-2 rounded px-2 py-2 opacity-80 hover:opacity-100 md:px-1"`
`91`	`91`	`classList={{`
`92`	`92`	`'rounded-none active:bg-gray-300 hover:bg-gray-300 dark:hover:text-black': props.showMenu,`
`93`	`93`	`'bg-gray-300 dark:text-black': open() && props.showMenu,`