make calendar additional menu available for mobile (#155)

Refuge-Worldwide · Nov 25, 2024 · 3389b8f · 3389b8f
1 parent d93a853
commit 3389b8f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git a/pages/admin/calendar.tsx b/pages/admin/calendar.tsx
@@ -545,7 +545,7 @@ function Calendar() {
 
         <input
           type="date"
-          className="absolute top-0 lg:top-12 right-12 lg:left-0 p-0 h-9 w-32 lg:h-0 lg:w-0 z-10 bg-transparent border-black border-2 lg:border-0 rounded-full"
+          className="absolute top-0 lg:top-12 right-20 lg:left-0 p-0 h-9 w-32 lg:h-0 lg:w-0 z-10 bg-transparent border-black border-2 lg:border-0 rounded-full"
           ref={datePicker}
           onChange={handleDatePickerChange}
         ></input>

diff --git a/views/admin/additionalMenu.tsx b/views/admin/additionalMenu.tsx
@@ -44,7 +44,7 @@ export default function ShowArtworkModal() {
   return (
     <DropdownMenu.Root>
       <DropdownMenu.Trigger asChild>
-        <button className="hidden lg:block hover:bg-black/10 rounded-lg cursor-pointer">
+        <button className="hover:bg-black/10 rounded-lg cursor-pointer">
           <RxDotsVertical />
         </button>
       </DropdownMenu.Trigger>

diff --git a/views/admin/calendarInsta.tsx b/views/admin/calendarInsta.tsx
@@ -73,12 +73,6 @@ export default function CalendarInsta() {
       <Dialog.Portal>
         <Dialog.Overlay className="data-[state=open]:animate-overlayShow w-screen h-screen fixed top-0 left-0 bg-black/50 backdrop-blur-sm z-50" />
         <Dialog.Content className="bg-white w-full h-full lg:h-auto lg:max-w-7xl lg:max-h-[80vh] overflow-auto fixed top-16 left-1/2 transform -translate-x-1/2 z-50 border-black border p-4">
-          <Dialog.Close asChild>
-            <button className="float-right lg:hidden" aria-label="Close">
-              <Cross />
-            </button>
-          </Dialog.Close>
-
           {isLoading ? (
             <Loading />
           ) : (
@@ -134,6 +128,11 @@ export default function CalendarInsta() {
                 >
                   <span>Copy it all</span>
                 </button>
+                <Dialog.Close asChild>
+                  <button className="float-right lg:hidden" aria-label="Close">
+                    <Cross />
+                  </button>
+                </Dialog.Close>
               </div>
             </div>
           )}