Skip to content

Commit 4dcc7de

Browse files
committed
Use utility classes for Print component
Remove the Print.scss stylesheet and its import, switching the Print component to utility CSS classes instead. Replaced the sidebar-link__print class with 'flex flex-nowrap items-center' and added image classes ('h-20 mr-0.5') to preserve layout/spacing. This migrates styling to utility-first classes (e.g., Tailwind) and deletes the now-unused SCSS file.
1 parent 8d1ef38 commit 4dcc7de

2 files changed

Lines changed: 8 additions & 13 deletions

File tree

src/components/Print/Print.jsx

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import PropTypes from "prop-types";
2-
import "./Print.scss";
32
import icon from "../../assets/icon-print.svg";
43
import BarIcon from "../../styles/icons/vertical-bar.svg";
54

@@ -40,14 +39,20 @@ export default function Print(props) {
4039
fill="#175d96"
4140
/>
4241
<a
43-
className="sidebar-item__title sidebar-link__print"
42+
className="sidebar-item__title flex flex-nowrap items-center"
4443
href={printUrl}
4544
rel="nofollow noopener noreferrer"
4645
title="Print"
4746
target="_blank"
4847
>
4948
Print Section
50-
<img src={icon} width={27} height={20} alt="Printer Icon" />
49+
<img
50+
className="h-20 mr-0.5"
51+
src={icon}
52+
width={27}
53+
height={20}
54+
alt="Printer Icon"
55+
/>
5156
</a>
5257
</div>
5358
);

src/components/Print/Print.scss

Lines changed: 0 additions & 10 deletions
This file was deleted.

0 commit comments

Comments
 (0)