mirror of
https://github.com/block/goose.git
synced 2026-07-17 12:56:20 +02:00
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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user