design: DBX 로고 이미지 적용 (로그인·접근거부·메인 헤더)
- dbx-logo.png를 app/static에 추가 - login.html / denied.html 브랜드 패널 SVG 아이콘 → 로고 이미지로 교체 - main.html 헤더 SVG 아이콘 → 로고 이미지로 교체 - styles.css에 .brand-logo-img / .header-logo-img 스타일 추가 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
@@ -87,6 +87,12 @@ a { color: inherit; text-decoration: none; }
|
|||||||
|
|
||||||
.brand-logo-mark svg { color: #fff; }
|
.brand-logo-mark svg { color: #fff; }
|
||||||
|
|
||||||
|
.brand-logo-img {
|
||||||
|
height: 44px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
.brand-name {
|
.brand-name {
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
@@ -321,6 +327,13 @@ a { color: inherit; text-decoration: none; }
|
|||||||
|
|
||||||
.header-logo-mark svg { color: #fff; }
|
.header-logo-mark svg { color: #fff; }
|
||||||
|
|
||||||
|
.header-logo-img {
|
||||||
|
height: 32px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.header-brand-text {
|
.header-brand-text {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|||||||
@@ -23,16 +23,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="brand-logo">
|
<div class="brand-logo">
|
||||||
<div class="brand-logo-mark">
|
<img src="/static/dbx-logo.png" alt="DBX Corporation" class="brand-logo-img" />
|
||||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none"
|
|
||||||
stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<rect x="3" y="3" width="7" height="7" rx="1"/>
|
|
||||||
<rect x="14" y="3" width="7" height="7" rx="1"/>
|
|
||||||
<rect x="3" y="14" width="7" height="7" rx="1"/>
|
|
||||||
<rect x="14" y="14" width="7" height="7" rx="1"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<span class="brand-name">DBX Corporation</span>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="brand-body">
|
<div class="brand-body">
|
||||||
|
|||||||
@@ -23,16 +23,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="brand-logo">
|
<div class="brand-logo">
|
||||||
<div class="brand-logo-mark">
|
<img src="/static/dbx-logo.png" alt="DBX Corporation" class="brand-logo-img" />
|
||||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none"
|
|
||||||
stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<rect x="3" y="3" width="7" height="7" rx="1"/>
|
|
||||||
<rect x="14" y="3" width="7" height="7" rx="1"/>
|
|
||||||
<rect x="3" y="14" width="7" height="7" rx="1"/>
|
|
||||||
<rect x="14" y="14" width="7" height="7" rx="1"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<span class="brand-name">DBX Corporation</span>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="brand-body">
|
<div class="brand-body">
|
||||||
|
|||||||
+2
-13
@@ -11,19 +11,8 @@
|
|||||||
<!-- ── 헤더 ── -->
|
<!-- ── 헤더 ── -->
|
||||||
<header class="header">
|
<header class="header">
|
||||||
<div class="header-brand">
|
<div class="header-brand">
|
||||||
<div class="header-logo-mark">
|
<img src="/static/dbx-logo.png" alt="DBX Corporation" class="header-logo-img" />
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none"
|
<span class="header-portal">업무 포털</span>
|
||||||
stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<rect x="3" y="3" width="7" height="7" rx="1"/>
|
|
||||||
<rect x="14" y="3" width="7" height="7" rx="1"/>
|
|
||||||
<rect x="3" y="14" width="7" height="7" rx="1"/>
|
|
||||||
<rect x="14" y="14" width="7" height="7" rx="1"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<div class="header-brand-text">
|
|
||||||
<span class="header-company">DBX Corporation</span>
|
|
||||||
<span class="header-portal">업무 포털</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="header-user">
|
<div class="header-user">
|
||||||
|
|||||||
Reference in New Issue
Block a user