feat: Prettify printing

211-Connect · Nov 22, 2024 · b147862 · b147862
1 parent dcd1c19
commit b147862
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 7 deletions.
diff --git a/src/features/favorites/components/favorite.tsx b/src/features/favorites/components/favorite.tsx
@@ -55,7 +55,7 @@ export function Favorite({
     : `${address.address_1}, ${address.city}, ${address.stateProvince} ${address.postalCode}`;
 
   return (
-    <Card>
+    <Card className="print:border-none print:shadow-none">
       <CardHeader>
         <CardTitle className="flex flex-row justify-between gap-2">
           <Link
@@ -130,7 +130,7 @@ export function Favorite({
           )}
         </div>
       </CardContent>
-      <CardFooter className="flex flex-col gap-2">
+      <CardFooter className="flex flex-col gap-2 print:hidden">
         <div className="flex w-full flex-col gap-2 sm:flex-row sm:items-center">
           <ReferralButton
             className="flex-1 gap-1"

diff --git a/src/features/favorites/components/remove-from-favorite-list-button.tsx b/src/features/favorites/components/remove-from-favorite-list-button.tsx
@@ -31,7 +31,12 @@ export function RemoveFromFavoriteListButton({ id, favoriteListId }) {
 
   return (
     <>
-      <Button size="icon" onClick={() => setOpen(true)} variant="outline">
+      <Button
+        size="icon"
+        onClick={() => setOpen(true)}
+        variant="outline"
+        className="print:hidden"
+      >
         <HeartOff className="size-4" />
       </Button>
       <Dialog open={open} onOpenChange={setOpen}>

diff --git a/src/features/resource/components/additional-information.tsx b/src/features/resource/components/additional-information.tsx
@@ -6,7 +6,7 @@ export function AdditionalInformation({ resource }) {
   const { t } = useTranslation('page-resource');
 
   return (
-    <Card className="overflow-hidden">
+    <Card className="overflow-hidden print:border-none print:shadow-none">
       <CardContent className="grid grid-cols-1 gap-4 pt-4 md:grid-cols-2">
         {resource?.fees && (
           <div className="col-span-2">

diff --git a/src/features/resource/components/information.tsx b/src/features/resource/components/information.tsx
@@ -28,7 +28,7 @@ export function Information({ resource }) {
   const { t } = useTranslation('page-resource');
 
   return (
-    <Card className="overflow-hidden">
+    <Card className="overflow-hidden print:border-none print:shadow-none">
       <MapContainer resource={resource} />
 
       <CardContent className="grid grid-cols-1 gap-4 pt-4 md:grid-cols-2">

diff --git a/src/features/resource/components/organization-information.tsx b/src/features/resource/components/organization-information.tsx
@@ -12,7 +12,7 @@ export function OrganizationInformation({ resource }) {
   const { t } = useTranslation('page-resource');
 
   return (
-    <Card>
+    <Card className="print:border-none print:shadow-none">
       <CardHeader>
         <CardTitle>{t('agency_info')}</CardTitle>
         <CardDescription>{resource.organizationName}</CardDescription>

diff --git a/src/features/resource/components/overview.tsx b/src/features/resource/components/overview.tsx
@@ -28,7 +28,7 @@ export function Overview({ resource }) {
 
   return (
     <div className="flex-1">
-      <Card>
+      <Card className="print:border-none print:shadow-none">
         <CardHeader>
           <CardTitle>{resource.name}</CardTitle>
           {showServiceName && (