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

UI: ensure all PowerPoint/Slides icons use the same yellow-orange accent color
All checks were successful
Automated Container Build / build-and-push (push) Successful in 38s
Details

Browse source
This commit is contained in:
Elijah 2026-05-25 19:29:49 -07:00
parent 68a482bcb3
commit d7b0aa7074
2 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1195,7 +1195,7 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
if (ext === 'pptx' || ext === 'ppt') {
return (
<div className={`${large ? 'w-28 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-[#D24726]`}>
<div className={`${large ? 'w-28 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-[#f59e0b]`}>
<LayoutTemplate className={large ? "w-10 h-10 text-white" : "w-3 h-3 text-white"} />
</div>
);

18
frontend/src/components/OfficeHome.tsx
View file

@ -32,13 +32,11 @@ function WordIcon({ className }: { className?: string }) {
}
// Custom PowerPoint icon (orange)
function PptIcon({ className }: { className?: string }) {
return (
<div className={`flex items-center justify-center text-white bg-[#D24726] rounded-lg ${className || ''}`}>
<LayoutTemplate className="w-[55%] h-[55%]" />
</div>
);
}
const SlidesIcon = ({ className }: { className?: string }) => (
<div className={`flex items-center justify-center text-white bg-[#f59e0b] rounded-lg ${className || ''}`}>
<LayoutTemplate className="w-[60%] h-[60%]" />
</div>
);
// Custom Excel icon (green)
function SheetIcon({ className }: { className?: string }) {
@ -226,8 +224,10 @@ export default function OfficeHome({ type, onFileSelect, onCreateBlank, onPinCha
};
const title = type === 'docs' ? 'Documents' : type === 'slides' ? 'Presentations' : 'Spreadsheets';
const Icon = type === 'docs' ? WordIcon : type === 'slides' ? PptIcon : SheetIcon;
const accentColor = type === 'docs' ? '#2B579A' : type === 'slides' ? '#D24726' : '#107C41';
const Icon = type === 'docs' ? WordIcon : type === 'slides' ? SlidesIcon : SheetIcon;
const bgClass = type === 'docs' ? 'from-blue-600 to-blue-800' : type === 'slides' ? 'from-[#f59e0b] to-[#d97706]' : 'from-green-600 to-green-800';
const accentColor = type === 'docs' ? '#2B579A' : type === 'slides' ? '#f59e0b' : '#107C41';
const appName = type === 'docs' ? 'Docs' : type === 'slides' ? 'Slides' : 'Sheets';
const renderFileCard = (file: FileItem) => {
const isRenaming = renaming === file.path;