revert: min height not working as expected on firefox

lcrehlingen · Sep 28, 2023 · 0b135ff · 0b135ff
1 parent 8d8e98c
commit 0b135ff
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 12 deletions.
diff --git a/app/routes/$id.tsx b/app/routes/$id.tsx
@@ -79,8 +79,8 @@ export default function Index() {
     <ContentContainer>
       <Title>{title}</Title>
       <ReactModal isOpen={open} onRequestClose={() => setOpen(false)}>
-        <div className="flex flex-col md:flex-row gap-8">
-          <div className="md:w-2/3">
+        <div className="flex flex-col lg:flex-row gap-8">
+          <div className="lg:w-2/3">
             <img
               src={image.url}
               width={1920}
@@ -89,7 +89,7 @@ export default function Index() {
               className="w-full rounded-t-md"
             />
           </div>
-          <div className="flex flex-col gap-2 md:w-1/3">
+          <div className="flex flex-col gap-2 lg:w-1/3">
             <h3 className="font-wa-headline text-xl text-center">{image.title}</h3>
             <table className="table-auto">
               <thead>

diff --git a/app/tailwind.css b/app/tailwind.css
@@ -1,12 +1,3 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
-.ReactModal__Content--after-open {
-    width: 95% !important;
-    top: 50% !important;
-    left: 50% !important;
-    transform: translate(-50%, -50%) !important;
-    min-height: max-content !important;
-    overflow: hidden !important;
-}