Skip to content
This repository was archived by the owner on Aug 29, 2025. It is now read-only.

Commit 7c62611

Browse files
shimaenaga1123shimaenaga1123
committed
Revert "각 화면 크기 조정"
This reverts commit b28917f.
1 parent b28917f commit 7c62611

File tree

15 files changed

+392
-579
lines changed

15 files changed

+392
-579
lines changed

‎angular.json‎

Lines changed: 5 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -42,20 +42,16 @@
4242
"budgets": [
4343
{
4444
"type": "initial",
45-
"maximumWarning": "1MB",
46-
"maximumError": "2MB"
45+
"maximumWarning": "500kB",
46+
"maximumError": "1MB"
4747
},
4848
{
4949
"type": "anyComponentStyle",
50-
"maximumWarning": "10kB",
51-
"maximumError": "20kB"
50+
"maximumWarning": "4kB",
51+
"maximumError": "8kB"
5252
}
5353
],
54-
"outputHashing": "all",
55-
"optimization": true,
56-
"extractLicenses": true,
57-
"sourceMap": false,
58-
"namedChunks": false
54+
"outputHashing": "all"
5955
},
6056
"development": {
6157
"optimization": false,

‎bun.lock‎

Lines changed: 86 additions & 260 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19,26 +19,24 @@
1919
"@angular/material": "20.0.3",
2020
"@angular/platform-browser": "20.0.3",
2121
"@angular/router": "20.0.3",
22-
"@tailwindcss/postcss": "^4.0.0",
2322
"rxjs": "7.8.2",
24-
"tailwindcss": "^4.0.0",
2523
"tslib": "2.8.1",
26-
"wrangler": "4.20.0",
2724
"zone.js": "0.15.1"
2825
},
2926
"devDependencies": {
3027
"@angular/build": "20.0.2",
3128
"@angular/cli": "20.0.2",
3229
"@angular/compiler-cli": "20.0.3",
3330
"@types/jasmine": "5.1.8",
34-
"autoprefixer": "10.4.21",
31+
"autoprefixer": "^10.4.21",
3532
"jasmine-core": "5.8.0",
3633
"karma": "6.4.4",
3734
"karma-chrome-launcher": "3.2.0",
3835
"karma-coverage": "2.2.1",
3936
"karma-jasmine": "5.1.0",
4037
"karma-jasmine-html-reporter": "2.1.0",
41-
"postcss": "8.5.5",
38+
"postcss": "^8.5.5",
39+
"tailwindcss": "^3.4.17",
4240
"typescript": "5.8.3"
4341
}
4442
}

‎postcss.config.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
module.exports = {
2-
plugins: [
3-
require('@tailwindcss/postcss'),
4-
require('autoprefixer'),
5-
],
2+
plugins: {
3+
tailwindcss: {},
4+
autoprefixer: {},
5+
},
66
}

‎src/app/app.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<div class="admin-layout bg-md-sys-color-surface min-h-screen overflow-hidden">
1+
<div class="admin-layout bg-md-sys-color-surface min-h-screen">
22
<!-- Top App Bar -->
3-
<div class="bg-md-sys-color-surface-container shadow-elevation-2 border-b border-md-sys-color-outline-variant h-[7svh]">
3+
<div class="bg-md-sys-color-surface-container shadow-elevation-2 border-b border-md-sys-color-outline-variant">
44
<div class="flex items-center h-16 px-4">
55
<button class="md-button md-button-text p-2 rounded-full mr-2" (click)="toggleSidenav()" aria-label="Toggle navigation">
66
<mat-icon class="w-6 h-6 text-md-sys-color-on-surface">menu</mat-icon>
@@ -9,7 +9,7 @@ <h1 class="md-typescale-title-large text-md-sys-color-on-surface flex-1">Dimipla
99
</div>
1010
</div>
1111

12-
<div class="flex h-[93svh]">
12+
<div class="flex">
1313
<!-- Navigation Rail -->
1414
<nav [class]="sidenavOpened ? 'w-80' : 'w-20'" class="bg-md-sys-color-surface-container border-r border-md-sys-color-outline-variant transition-all duration-300 ease-in-out overflow-hidden min-h-full flex flex-col">
1515
<!-- Collapsed state header -->
@@ -106,7 +106,7 @@ <h3 class="md-typescale-title-medium text-md-sys-color-on-surface">관리 메뉴
106106
</nav>
107107

108108
<!-- Main Content -->
109-
<main class="flex-1 bg-md-sys-color-surface overflow-hidden">
109+
<main class="flex-1 bg-md-sys-color-surface min-h-[calc(100vh-4rem)]">
110110
<router-outlet></router-outlet>
111111
</main>
112112
</div>

‎src/app/app.ts‎

Lines changed: 96 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,102 @@ import { RouterModule } from '@angular/router';
2424
MatMenuModule,
2525
MatDividerModule
2626
],
27-
templateUrl: './app.html'
27+
templateUrl: './app.html',
28+
styles: [`
29+
.admin-layout {
30+
height: 100vh;
31+
display: flex;
32+
flex-direction: column;
33+
}
34+
35+
.header {
36+
position: fixed;
37+
top: 0;
38+
left: 0;
39+
right: 0;
40+
z-index: 1000;
41+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
42+
}
43+
44+
.title {
45+
font-size: 1.375rem;
46+
font-weight: 500;
47+
margin-left: 8px;
48+
}
49+
50+
.spacer {
51+
flex: 1;
52+
}
53+
54+
.sidenav-container {
55+
flex: 1;
56+
margin-top: 64px;
57+
}
58+
59+
.sidenav {
60+
width: 280px;
61+
background-color: var(--mat-sidenav-container-background-color, #fafafa);
62+
border-right: 1px solid var(--mat-sidenav-container-divider-color, #e0e0e0);
63+
}
64+
65+
.sidenav-header {
66+
padding: 24px 16px 16px;
67+
border-bottom: 1px solid var(--mat-sidenav-container-divider-color, #e0e0e0);
68+
}
69+
70+
.sidenav-header h3 {
71+
margin: 0;
72+
font-size: 1.125rem;
73+
font-weight: 500;
74+
color: var(--mat-sidenav-container-text-color, rgba(0, 0, 0, 0.87));
75+
}
76+
77+
.sidenav-footer {
78+
position: absolute;
79+
bottom: 16px;
80+
left: 16px;
81+
right: 16px;
82+
text-align: center;
83+
color: var(--mat-sidenav-container-text-color, rgba(0, 0, 0, 0.6));
84+
}
85+
86+
.main-content {
87+
padding: 0;
88+
background-color: var(--mat-app-background-color, #fafafa);
89+
}
90+
91+
.nav-item {
92+
margin: 4px 12px;
93+
border-radius: 12px !important;
94+
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
95+
}
96+
97+
.nav-item:hover {
98+
background-color: var(--mat-sidenav-container-background-color, rgba(0, 0, 0, 0.04)) !important;
99+
}
100+
101+
.nav-item.active {
102+
background-color: var(--mat-primary-color, #1976d2) !important;
103+
color: var(--mat-primary-contrast-color, white) !important;
104+
}
105+
106+
.nav-item.active mat-icon {
107+
color: var(--mat-primary-contrast-color, white) !important;
108+
}
109+
110+
.nav-item.active span {
111+
color: var(--mat-primary-contrast-color, white) !important;
112+
font-weight: 500;
113+
}
114+
115+
mat-nav-list {
116+
padding-top: 8px;
117+
}
118+
119+
mat-divider {
120+
margin: 16px 0;
121+
}
122+
`]
28123
})
29124
export class App implements OnInit {
30125
protected title = 'Dimiplan 관리자 패널';

‎src/app/components/api-docs/api-docs.component.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ import { AdminService, ApiDoc } from '../../services/admin.service';
3131
FormsModule
3232
],
3333
template: `
34-
<div class="p-6 bg-md-sys-color-surface h-full overflow-y-auto max-w-6xl mx-auto">
34+
<div class="p-6 bg-md-sys-color-surface min-h-screen max-w-6xl mx-auto">
3535
<h1 class="md-typescale-headline-large text-md-sys-color-on-surface mb-6">API 문서</h1>
3636
3737
<div class="flex flex-col md:flex-row gap-4 mb-6">
@@ -106,7 +106,7 @@ import { AdminService, ApiDoc } from '../../services/admin.service';
106106
<span *ngIf="searchTerm" class="md-typescale-body-medium text-md-sys-color-on-surface-variant ml-2">({{ filteredDocs.length }}개 필터링됨)</span>
107107
</div>
108108
109-
<div class="space-y-4 pb-6">
109+
<div class="space-y-4">
110110
<div *ngFor="let doc of filteredDocs; trackBy: trackByPath" class="md-card bg-md-sys-color-surface-container text-md-sys-color-on-surface">
111111
<div class="flex items-center justify-between mb-4">
112112
<div class="flex items-center gap-3">

‎src/app/components/dashboard/dashboard.component.ts‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -22,10 +22,10 @@ import { AdminService, SystemStatus, UserStats } from '../../services/admin.serv
2222
MatChipsModule
2323
],
2424
template: `
25-
<div class="dashboard-container p-6 bg-md-sys-color-surface h-full overflow-y-auto">
25+
<div class="dashboard-container p-6 bg-md-sys-color-surface min-h-screen">
2626
<h1 class="md-typescale-headline-large text-md-sys-color-on-surface mb-6">관리자 대시보드</h1>
27-
28-
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 pb-6">
27+
28+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
2929
<!-- 시스템 상태 카드 -->
3030
<div class="md-card bg-md-sys-color-surface-container text-md-sys-color-on-surface hover:shadow-elevation-3 transition-all duration-300">
3131
<div class="flex items-center gap-3 mb-4">
@@ -52,7 +52,7 @@ import { AdminService, SystemStatus, UserStats } from '../../services/admin.serv
5252
</div>
5353
<div class="flex justify-between items-center py-2">
5454
<span class="md-typescale-body-medium font-medium text-md-sys-color-on-surface-variant">환경:</span>
55-
<span class="px-3 py-1 rounded-full text-sm"
55+
<span class="px-3 py-1 rounded-full text-sm"
5656
[class]="systemStatus.environment === 'production' ? 'bg-md-sys-color-error-container text-md-sys-color-on-error-container' : 'bg-md-sys-color-primary-container text-md-sys-color-on-primary-container'">
5757
{{ systemStatus.environment }}
5858
</span>
@@ -63,7 +63,7 @@ import { AdminService, SystemStatus, UserStats } from '../../services/admin.serv
6363
<span class="md-typescale-body-small text-md-sys-color-on-surface-variant">{{ getMemoryUsagePercent().toFixed(1) }}%</span>
6464
</div>
6565
<div class="w-full bg-md-sys-color-surface-container-high rounded-full h-2">
66-
<div class="bg-md-sys-color-primary h-2 rounded-full transition-all duration-300"
66+
<div class="bg-md-sys-color-primary h-2 rounded-full transition-all duration-300"
6767
[style.width.%]="getMemoryUsagePercent()"></div>
6868
</div>
6969
</div>
@@ -98,7 +98,7 @@ import { AdminService, SystemStatus, UserStats } from '../../services/admin.serv
9898
<div class="space-y-3">
9999
<h4 class="md-typescale-title-small text-md-sys-color-on-surface-variant mb-3">최근 가입자</h4>
100100
<div class="space-y-2">
101-
<div *ngFor="let user of userStats.recentUsers.slice(0, 5)"
101+
<div *ngFor="let user of userStats.recentUsers.slice(0, 5)"
102102
class="flex justify-between items-center py-2 px-3 bg-md-sys-color-surface-container-high rounded-lg">
103103
<span class="md-typescale-body-medium font-medium text-md-sys-color-on-surface">{{ user.email }}</span>
104104
<span class="md-typescale-body-small text-md-sys-color-on-surface-variant">{{ formatDate(user.created_at) }}</span>
@@ -150,24 +150,24 @@ import { AdminService, SystemStatus, UserStats } from '../../services/admin.serv
150150
from { transform: rotate(0deg); }
151151
to { transform: rotate(360deg); }
152152
}
153-
153+
154154
.animate-spin {
155155
animation: spin 1s linear infinite;
156156
}
157-
157+
158158
.md-card {
159159
min-height: 300px;
160160
display: flex;
161161
flex-direction: column;
162162
}
163-
163+
164164
.md-button {
165165
border: none;
166166
cursor: pointer;
167167
text-decoration: none;
168168
transition: all 0.2s ease;
169169
}
170-
170+
171171
.md-button:hover {
172172
transform: translateY(-1px);
173173
}
@@ -252,4 +252,4 @@ export class DashboardComponent implements OnInit {
252252
this.userStats = null;
253253
this.loadData();
254254
}
255-
}
255+
}

0 commit comments

Comments
 (0)
⚡