use arbitrary value

ohcnetwork · Dec 27, 2024 · 82ef112 · 82ef112
1 parent cb80c0e
commit 82ef112
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/src/components/Facility/FacilityCard.tsx b/src/components/Facility/FacilityCard.tsx
@@ -63,7 +63,7 @@ export const FacilityCard = (props: {
           <div className="h-full w-full grow">
             <Link
               href={`/facility/${facility.id}`}
-              className="group relative z-0 flex w-full min-w-[15%] items-center justify-center self-stretch facility-view:hidden"
+              className="group relative z-0 flex w-full min-w-[15%] items-center justify-center self-stretch [@media(min-width:37rem)]:hidden"
             >
               <Avatar
                 name={facility.name || ""}
@@ -77,7 +77,7 @@ export const FacilityCard = (props: {
                 <div className="flex flex-col gap-5 sm:flex-row">
                   <Link
                     href={`/facility/${facility.id}`}
-                    className="hidden h-[10rem] min-h-[10rem] w-[10rem] min-w-[10rem] facility-view:block"
+                    className="hidden h-[10rem] min-h-[10rem] w-[10rem] min-w-[10rem] [@media(min-width:37rem)]:block"
                   >
                     <Avatar
                       name={facility.name || ""}

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -23,9 +23,6 @@ module.exports = {
       fontFamily: {
         sans: ["Figtree", "sans-serif"],
       },
-      screens: {
-        "facility-view": "37rem",
-      },
       colors: {
         green: colors.emerald,
         yellow: colors.amber,