zzh/AeroStart
1
0
Fork 0
mirror of https://github.com/handsomezhuzhu/AeroStart.git synced 2026-02-20 20:10:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 fix(ui): improve SettingsMenu layout and spacing

Browse Source 
- Increase SettingsMenu width from 160px to 192px for better visibility
- Add whitespace-nowrap to prevent text wrapping in menu items
- Update project license to GPL-3.0

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
ZyphrZero
2025-12-05 15:21:16 +08:00
parent 447b1d02ad
commit f609fcfcd3
4 changed files with 690 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/SettingsMenu.tsx
View File

@@ -40,7 +40,7 @@ const SettingsMenu: React.FC<SettingsMenuProps> = ({ isOpen, onClose, onSelectSe
return (
<div
ref={menuRef}
className="absolute top-full right-0 mt-2 w-40 rounded-xl bg-[#1a1a1a]/90 backdrop-blur-xl border border-white/10 shadow-2xl overflow-hidden animate-in fade-in zoom-in-95 duration-200 origin-top-right z-50"
className="absolute top-full right-0 mt-2 w-48 rounded-xl bg-[#1a1a1a]/90 backdrop-blur-xl border border-white/10 shadow-2xl overflow-hidden animate-in fade-in zoom-in-95 duration-200 origin-top-right z-50"
>
<div className="p-1">
{menuItems.map((item) => (
@@ -50,7 +50,7 @@ const SettingsMenu: React.FC<SettingsMenuProps> = ({ isOpen, onClose, onSelectSe
e.stopPropagation();
onSelectSection(item.id);
}}
className="w-full flex items-center gap-2.5 px-2.5 py-2 text-xs text-white/80 hover:text-white hover:bg-white/10 rounded-lg transition-colors group"
className="w-full flex items-center gap-2.5 px-2.5 py-2 text-xs text-white/80 hover:text-white hover:bg-white/10 rounded-lg transition-colors group whitespace-nowrap"
>
<span className="text-white/60 group-hover:text-white transition-colors">
{item.icon}