aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-17 14:44:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor(ui): reduce IconButton size by 25%

Browse Source 
- Change default size from 44px to 33px (25% reduction)
- Update min-width and min-height in CSS to match
- Apply size reduction to toggle-sidebar-btn as well for consistency
This commit is contained in:
Gigi
2025-10-03 01:58:42 +02:00
parent 365b84ba9d
commit 8014ee4ddd
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/IconButton.tsx
View File

@@ -17,7 +17,7 @@ const IconButton: React.FC<IconButtonProps> = ({
title, title,
ariaLabel, ariaLabel,
variant = 'ghost', variant = 'ghost',
size = 44 size = 33
}) => { }) => {
return ( return (
<button <button

8
src/index.css
View File

@@ -130,8 +130,8 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
min-width: 44px; min-width: 33px;
min-height: 44px; min-height: 33px;
} }
.toggle-sidebar-btn:hover { .toggle-sidebar-btn:hover {
@@ -224,8 +224,8 @@ body {
background: #2a2a2a; background: #2a2a2a;
color: #ddd; color: #ddd;
cursor: pointer; cursor: pointer;
min-width: 44px; /* mobile tap target */ min-width: 33px;
min-height: 44px; /* mobile tap target */ min-height: 33px;
} }
.icon-button:hover { background: #333; } .icon-button:hover { background: #333; }