Amkor/Groupware
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: apply dark glassmorphism theme to License list and JobReport daily summary dialog

Browse Source
This commit is contained in:
backuppc
2025-12-30 14:16:46 +09:00
parent d11a86b58d
commit 959b1b685d
32 changed files with 3720 additions and 2162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
Project/frontend/src/App.tsx
View File

@@ -12,6 +12,7 @@ import HolidayRequest from '@/pages/HolidayRequest';
import { comms } from '@/communication';
import { UserInfo } from '@/types';
import { Loader2 } from 'lucide-react';
import { ThemeProvider } from '@/context/ThemeContext';
export default function App() {
const [isConnected, setIsConnected] = useState(false);
@@ -68,7 +69,7 @@ export default function App() {
// 로그인 상태 체크 중
if (isLoggedIn === null) {
return (
<div className="min-h-screen bg-gradient-to-br from-blue-900 via-purple-900 to-indigo-900 flex items-center justify-center">
<div className="min-h-screen gradient-bg flex items-center justify-center">
<div className="text-center">
<Loader2 className="w-10 h-10 text-white animate-spin mx-auto mb-4" />
<p className="text-white/70">로그인 상태 확인 중...</p>
@@ -84,40 +85,42 @@ export default function App() {
// 로그인 됨 → 메인 앱 표시
return (
<HashRouter>
<Routes>
<Route element={<Layout isConnected={isConnected} user={user} />}>
<Route path="/" element={<Dashboard />} />
<Route path="/dashboard" element={<Dashboard />} />
<Route path="/todo" element={<Todo />} />
<Route path="/kuntae" element={<Kuntae />} />
<Route path="/holiday-request" element={<HolidayRequest />} />
<Route path="/jobreport" element={<Jobreport />} />
<Route path="/project" element={<Project />} />
<Route path="/common" element={<CommonCodePage />} />
<Route path="/items" element={<ItemsPage />} />
<Route path="/customs" element={<Customs />} />
<Route path="/user/list" element={<UserListPage />} />
<Route path="/user/auth" element={<UserAuthPage />} />
<Route path="/monthly-work" element={<MonthlyWorkPage />} />
<Route path="/mail-form" element={<MailFormPage />} />
<Route path="/note" element={<Note />} />
<Route path="/patch-list" element={<PatchList />} />
<Route path="/bug-report" element={<BugReport />} />
<Route path="/mail-list" element={<MailList />} />
<Route path="/license" element={<LicenseList />} />
<Route path="/partlist" element={<PartList />} />
</Route>
</Routes>
{/* Tailwind Breakpoint Indicator - 개발용 */}
<div className="fixed bottom-2 right-2 z-50 bg-black/80 text-white text-xs px-2 py-1 rounded font-mono">
<span className="sm:hidden">XS</span>
<span className="hidden sm:inline md:hidden">SM</span>
<span className="hidden md:inline lg:hidden">MD</span>
<span className="hidden lg:inline xl:hidden">LG</span>
<span className="hidden xl:inline 2xl:hidden">XL</span>
<span className="hidden 2xl:inline">2XL</span>
</div>
</HashRouter>
<ThemeProvider>
<HashRouter>
<Routes>
<Route element={<Layout isConnected={isConnected} user={user} />}>
<Route path="/" element={<Dashboard />} />
<Route path="/dashboard" element={<Dashboard />} />
<Route path="/todo" element={<Todo />} />
<Route path="/kuntae" element={<Kuntae />} />
<Route path="/holiday-request" element={<HolidayRequest />} />
<Route path="/jobreport" element={<Jobreport />} />
<Route path="/project" element={<Project />} />
<Route path="/common" element={<CommonCodePage />} />
<Route path="/items" element={<ItemsPage />} />
<Route path="/customs" element={<Customs />} />
<Route path="/user/list" element={<UserListPage />} />
<Route path="/user/auth" element={<UserAuthPage />} />
<Route path="/monthly-work" element={<MonthlyWorkPage />} />
<Route path="/mail-form" element={<MailFormPage />} />
<Route path="/note" element={<Note />} />
<Route path="/patch-list" element={<PatchList />} />
<Route path="/bug-report" element={<BugReport />} />
<Route path="/mail-list" element={<MailList />} />
<Route path="/license" element={<LicenseList />} />
<Route path="/partlist" element={<PartList />} />
</Route>
</Routes>
{/* Tailwind Breakpoint Indicator - 개발용 */}
<div className="fixed bottom-2 right-2 z-50 bg-black/80 text-white text-xs px-2 py-1 rounded font-mono">
<span className="sm:hidden">XS</span>
<span className="hidden sm:inline md:hidden">SM</span>
<span className="hidden md:inline lg:hidden">MD</span>
<span className="hidden lg:inline xl:hidden">LG</span>
<span className="hidden xl:inline 2xl:hidden">XL</span>
<span className="hidden 2xl:inline">2XL</span>
</div>
</HashRouter>
</ThemeProvider>
);
}