forked from
pds.ls/pdsls
atmosphere explorer
responsive create record width
+1
-1
+1
-1
src/components/create.tsx
+1
-1
src/components/create.tsx
···
342
342
<div
343
343
data-draggable
344
344
classList={{
345
-
"dark:bg-dark-300 dark:shadow-dark-700 pointer-events-auto absolute top-18 left-[50%] w-screen -translate-x-1/2 cursor-grab rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-4 shadow-md transition-opacity duration-200 sm:w-xl lg:w-3xl dark:border-neutral-700 starting:opacity-0": true,
345
+
"dark:bg-dark-300 dark:shadow-dark-700 pointer-events-auto absolute top-18 left-[50%] max-w-3xl w-[calc(100%-1rem)] -translate-x-1/2 cursor-grab rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-4 shadow-md transition-opacity duration-200 dark:border-neutral-700 starting:opacity-0": true,
346
346
"opacity-60 hover:opacity-100": nonBlocking(),
347
347
}}
348
348
ref={dragBox}