Taehoon/ITAM
2
0
Fork 0
Code Issues 25 Pull Requests Actions Packages Projects Releases Wiki Activity

로그아웃 버튼 및 로직 추가 css수정
All checks were successful
ITAM Code Check / build-and-config-check (push) Successful in 12s
Details
ITAM Docker Build Check / docker-build-check (push) Successful in 17s
Details

Browse Source
This commit is contained in:
송대일
2026-07-01 14:53:57 +09:00
parent 22c37da738
commit 565fac12ed
1 changed files with 22 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/styles/common.css
View File

@@ -102,6 +102,14 @@ input, textarea {
justify-content: space-between; justify-content: space-between;
} }
.header-actions {
display: flex;
align-items: center;
gap: 0.75rem;
flex-shrink: 0;
margin-left: 1rem;
}
.brand { display: flex; align-items: center; gap: 0.75rem; } .brand { display: flex; align-items: center; gap: 0.75rem; }
.main-logo { height: clamp(28px, 4vmin, 40px); width: auto; } .main-logo { height: clamp(28px, 4vmin, 40px); width: auto; }
.brand h1 { font-size: clamp(0.85rem, 1.4vmin, 1.05rem); font-weight: 600; color: var(--text-main); } .brand h1 { font-size: clamp(0.85rem, 1.4vmin, 1.05rem); font-weight: 600; color: var(--text-main); }
@@ -175,7 +183,8 @@ input, textarea {
} }
/* --- Role Toggle Switch --- */ /* --- Role Toggle Switch --- */
.role-toggle-wrapper { .role-toggle-wrapper,
.role-switcher {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.75rem; gap: 0.75rem;
@@ -197,20 +206,23 @@ input, textarea {
font-weight: 700; font-weight: 700;
} }
.role-toggle { .role-toggle,
.switch {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 40px; width: 40px;
height: 20px; height: 20px;
} }
.role-toggle input { .role-toggle input,
.switch input {
opacity: 0; opacity: 0;
width: 0; width: 0;
height: 0; height: 0;
} }
.role-slider { .role-slider,
.slider {
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
top: 0; top: 0;
@@ -222,7 +234,8 @@ input, textarea {
border-radius: 20px; border-radius: 20px;
} }
.role-slider:before { .role-slider:before,
.slider:before {
position: absolute; position: absolute;
content: ""; content: "";
height: 16px; height: 16px;
@@ -235,11 +248,13 @@ input, textarea {
box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2);
} }
input:checked + .role-slider { .role-toggle input:checked + .role-slider,
.switch input:checked + .slider {
background-color: var(--primary); background-color: var(--primary);
} }
input:checked + .role-slider:before { .role-toggle input:checked + .role-slider:before,
.switch input:checked + .slider:before {
transform: translateX(20px); transform: translateX(20px);
} }