refactor: remove excessive CSS overrides for Lucide icons

- Remove all !important declarations for icon sizing
- Lucide React icons handle their own sizing via size prop
- Keep only flex-shrink: 0 for layout purposes
- Remove redundant mobile icon size override
This commit is contained in:
Rizel Scarlett
2025-10-14 07:28:29 -04:00
parent 245173f2cf
commit a070def610
@@ -41,29 +41,7 @@
}
.copyIcon {
width: 16px !important;
height: 16px !important;
flex-shrink: 0 !important;
min-width: 16px !important;
min-height: 16px !important;
max-width: 16px !important;
max-height: 16px !important;
box-sizing: border-box !important;
display: inline-block !important;
}
/* Additional specificity to ensure our styles are applied */
.copyButton svg {
width: 16px !important;
height: 16px !important;
flex-shrink: 0 !important;
min-width: 16px !important;
min-height: 16px !important;
max-width: 16px !important;
max-height: 16px !important;
display: inline-block !important;
font-size: 16px !important;
line-height: 1 !important;
flex-shrink: 0;
}
/* Header layout styles */
@@ -93,11 +71,6 @@
gap: 4px;
}
.copyIcon {
width: 14px;
height: 14px;
}
.headerWithButton {
flex-direction: column;
align-items: stretch;