Elijah/drive
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: auto-save grid size changes and dynamically scale grid item heights based on grid size
All checks were successful
Automated Container Build / build-and-push (push) Successful in 35s
Details

Browse source
This commit is contained in:
Elijah 2026-05-25 16:04:12 -07:00
parent 9feeef6329
commit 2778b1ab62
2 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/FileExplorer.tsx
View file

@ -2098,7 +2098,7 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
<Pin className="absolute top-2 right-2 w-3 h-3" style={{ color: 'var(--color-warning)' }} /> <Pin className="absolute top-2 right-2 w-3 h-3" style={{ color: 'var(--color-warning)' }} />
)} )}
<div className="flex flex-col items-center gap-3"> <div className="flex flex-col items-center gap-3">
<div className="w-full h-32 flex items-center justify-center"> <div className="w-full flex items-center justify-center" style={{ height: `calc(${gridSize}px * 0.65)` }}>
{getFileIcon(file, true)} {getFileIcon(file, true)}
</div> </div>
{renaming === file.path ? ( {renaming === file.path ? (

2
frontend/src/components/SettingsPage.tsx
View file

@ -136,6 +136,8 @@ export default function SettingsPage({ onLogout }: SettingsPageProps) {
step="10" step="10"
value={settings.grid_size} value={settings.grid_size}
onChange={(e) => setSettings({ ...settings, grid_size: e.target.value })} onChange={(e) => setSettings({ ...settings, grid_size: e.target.value })}
onMouseUp={handleSave}
onTouchEnd={handleSave}
className="w-full max-w-xs accent-[var(--color-accent)]" className="w-full max-w-xs accent-[var(--color-accent)]"
/> />
</div> </div>