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-img {
|
||||
height: 44px;
|
||||
width: auto;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.brand-name {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
@@ -321,6 +327,13 @@ a { color: inherit; text-decoration: none; }
|
||||
|
||||
.header-logo-mark svg { color: #fff; }
|
||||
|
||||
.header-logo-img {
|
||||
height: 32px;
|
||||
width: auto;
|
||||
object-fit: contain;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.header-brand-text {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -23,16 +23,7 @@
|
||||
</div>
|
||||
|
||||
<div class="brand-logo">
|
||||
<div class="brand-logo-mark">
|
||||
<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>
|
||||
<img src="/static/dbx-logo.png" alt="DBX Corporation" class="brand-logo-img" />
|
||||
</div>
|
||||
|
||||
<div class="brand-body">
|
||||
|
||||
@@ -23,16 +23,7 @@
|
||||
</div>
|
||||
|
||||
<div class="brand-logo">
|
||||
<div class="brand-logo-mark">
|
||||
<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>
|
||||
<img src="/static/dbx-logo.png" alt="DBX Corporation" class="brand-logo-img" />
|
||||
</div>
|
||||
|
||||
<div class="brand-body">
|
||||
|
||||
+1
-12
@@ -11,20 +11,9 @@
|
||||
<!-- ── 헤더 ── -->
|
||||
<header class="header">
|
||||
<div class="header-brand">
|
||||
<div class="header-logo-mark">
|
||||
<svg width="18" height="18" 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>
|
||||
<div class="header-brand-text">
|
||||
<span class="header-company">DBX Corporation</span>
|
||||
<img src="/static/dbx-logo.png" alt="DBX Corporation" class="header-logo-img" />
|
||||
<span class="header-portal">업무 포털</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-user">
|
||||
<div class="header-user-info">
|
||||
|
||||
Reference in New Issue
Block a user