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

Force custom file icons to stay square
All checks were successful
Automated Container Build / build-and-push (push) Successful in 34s
Details

Browse source
This commit is contained in:
Elijah 2026-05-23 09:02:23 -07:00
parent 1d24f93000
commit 0ca098e713
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -788,7 +788,7 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
if (ext === 'pdf') { if (ext === 'pdf') {
return ( return (
<div className={`${large ? 'w-20 h-20 rounded-2xl text-2xl' : 'w-5 h-5 rounded text-[6px]'} flex items-center justify-center font-black tracking-tighter shadow-sm text-white bg-[#ea4335]`}> <div className={`${large ? 'w-20 h-20 rounded-2xl text-2xl' : 'w-5 h-5 rounded text-[6px] flex-shrink-0 aspect-square'} flex items-center justify-center font-black tracking-tighter shadow-sm text-white bg-[#ea4335]`}>
PDF PDF
</div> </div>
); );
@ -797,7 +797,7 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
const fallbackIcon = (() => { const fallbackIcon = (() => {
if (isImage) { if (isImage) {
return ( return (
<div className={`${large ? 'w-20 h-20 rounded-2xl' : 'w-5 h-5 rounded'} flex items-center justify-center shadow-sm text-white bg-[#3b82f6]`}> <div className={`${large ? 'w-20 h-20 rounded-2xl' : 'w-5 h-5 rounded flex-shrink-0 aspect-square'} flex items-center justify-center shadow-sm text-white bg-[#3b82f6]`}>
<ImageIcon className={large ? "w-10 h-10 text-white" : "w-3 h-3 text-white"} /> <ImageIcon className={large ? "w-10 h-10 text-white" : "w-3 h-3 text-white"} />
</div> </div>
); );
@ -805,7 +805,7 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
if (isVideo) { if (isVideo) {
return ( return (
<div className={`${large ? 'w-20 h-20 rounded-2xl' : 'w-5 h-5 rounded'} flex items-center justify-center shadow-sm text-white bg-[#a855f7]`}> <div className={`${large ? 'w-20 h-20 rounded-2xl' : 'w-5 h-5 rounded flex-shrink-0 aspect-square'} flex items-center justify-center shadow-sm text-white bg-[#a855f7]`}>
<FilmIcon className={large ? "w-10 h-10 text-white" : "w-3 h-3 text-white"} /> <FilmIcon className={large ? "w-10 h-10 text-white" : "w-3 h-3 text-white"} />
</div> </div>
); );
@ -813,7 +813,7 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
if (['mp3', 'wav', 'flac', 'ogg', 'm4a'].includes(ext)) { if (['mp3', 'wav', 'flac', 'ogg', 'm4a'].includes(ext)) {
return ( return (
<div className={`${large ? 'w-20 h-20 rounded-2xl' : 'w-5 h-5 rounded'} flex items-center justify-center shadow-sm text-white bg-[#ec4899]`}> <div className={`${large ? 'w-20 h-20 rounded-2xl' : 'w-5 h-5 rounded flex-shrink-0 aspect-square'} flex items-center justify-center shadow-sm text-white bg-[#ec4899]`}>
<MusicIcon className={large ? "w-10 h-10 text-white" : "w-3 h-3 text-white"} /> <MusicIcon className={large ? "w-10 h-10 text-white" : "w-3 h-3 text-white"} />
</div> </div>
); );
@ -821,7 +821,7 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
if (['js', 'ts', 'jsx', 'tsx', 'py', 'go', 'rs', 'java', 'c', 'cpp', 'html', 'css', 'json'].includes(ext)) { if (['js', 'ts', 'jsx', 'tsx', 'py', 'go', 'rs', 'java', 'c', 'cpp', 'html', 'css', 'json'].includes(ext)) {
return ( return (
<div className={`${large ? 'w-20 h-20 rounded-2xl' : 'w-5 h-5 rounded'} flex items-center justify-center shadow-sm text-white bg-[#f59e0b]`}> <div className={`${large ? 'w-20 h-20 rounded-2xl' : 'w-5 h-5 rounded flex-shrink-0 aspect-square'} flex items-center justify-center shadow-sm text-white bg-[#f59e0b]`}>
<CodeIcon className={large ? "w-10 h-10 text-white" : "w-3 h-3 text-white"} /> <CodeIcon className={large ? "w-10 h-10 text-white" : "w-3 h-3 text-white"} />
</div> </div>
); );
@ -829,7 +829,7 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
if (['zip', 'tar', 'gz', 'rar', '7z'].includes(ext)) { if (['zip', 'tar', 'gz', 'rar', '7z'].includes(ext)) {
return ( return (
<div className={`${large ? 'w-20 h-20 rounded-2xl' : 'w-5 h-5 rounded'} flex items-center justify-center shadow-sm text-white bg-[#14b8a6]`}> <div className={`${large ? 'w-20 h-20 rounded-2xl' : 'w-5 h-5 rounded flex-shrink-0 aspect-square'} flex items-center justify-center shadow-sm text-white bg-[#14b8a6]`}>
<ArchiveIcon className={large ? "w-10 h-10 text-white" : "w-3 h-3 text-white"} /> <ArchiveIcon className={large ? "w-10 h-10 text-white" : "w-3 h-3 text-white"} />
</div> </div>
); );