mingle/mingle-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: 메인 CTA 정보 카드 2x2 그리드 레이아웃 + Discord 색상 수정

Browse Source 
- 3열 → 2열 그리드로 변경 (2x2 배치)
- a.info-quick-value 색상 통일 (Discord 링크 색상 수정)
- 인라인 스타일 제거, CSS로 통합

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
68893236+KINDNICK@users.noreply.github.com 2026-03-03 21:04:50 +09:00
parent 0e852ce0a2
commit a2525d5260
5 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/main.css
View File

@ -1040,7 +1040,7 @@
.contact-info-quick { .contact-info-quick {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(2, 1fr);
gap: clamp(0.75rem, 2vw, 1.25rem); gap: clamp(0.75rem, 2vw, 1.25rem);
max-width: 900px; max-width: 900px;
margin: 0 auto; margin: 0 auto;
@ -1092,7 +1092,8 @@
letter-spacing: 0.08em; letter-spacing: 0.08em;
} }
.info-quick-value { .info-quick-value,
a.info-quick-value {
font-size: 0.85rem; font-size: 0.85rem;
font-weight: 600; font-weight: 600;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);

2
en/index.html
View File

@ -866,7 +866,7 @@
<span class="info-quick-icon"><i class="fa-brands fa-discord" aria-hidden="true"></i></span> <span class="info-quick-icon"><i class="fa-brands fa-discord" aria-hidden="true"></i></span>
<div> <div>
<span class="info-quick-label" data-i18n="index.cta.infoDiscord">Discord</span> <span class="info-quick-label" data-i18n="index.cta.infoDiscord">Discord</span>
<a href="https://discord.com/users/1402264505110495354" target="_blank" class="info-quick-value" style="text-decoration: none; color: inherit;">minglestudio_mocap</a> <a href="https://discord.com/users/1402264505110495354" target="_blank" class="info-quick-value">minglestudio_mocap</a>
</div> </div>
</div> </div>
<div class="info-quick-item"> <div class="info-quick-item">

2
index.html
View File

@ -867,7 +867,7 @@
<span class="info-quick-icon"><i class="fa-brands fa-discord" aria-hidden="true"></i></span> <span class="info-quick-icon"><i class="fa-brands fa-discord" aria-hidden="true"></i></span>
<div> <div>
<span class="info-quick-label" data-i18n="index.cta.infoDiscord">Discord</span> <span class="info-quick-label" data-i18n="index.cta.infoDiscord">Discord</span>
<a href="https://discord.com/users/1402264505110495354" target="_blank" class="info-quick-value" style="text-decoration: none; color: inherit;">minglestudio_mocap</a> <a href="https://discord.com/users/1402264505110495354" target="_blank" class="info-quick-value">minglestudio_mocap</a>
</div> </div>
</div> </div>
<div class="info-quick-item"> <div class="info-quick-item">

2
ja/index.html
View File

@ -866,7 +866,7 @@
<span class="info-quick-icon"><i class="fa-brands fa-discord" aria-hidden="true"></i></span> <span class="info-quick-icon"><i class="fa-brands fa-discord" aria-hidden="true"></i></span>
<div> <div>
<span class="info-quick-label" data-i18n="index.cta.infoDiscord">Discord</span> <span class="info-quick-label" data-i18n="index.cta.infoDiscord">Discord</span>
<a href="https://discord.com/users/1402264505110495354" target="_blank" class="info-quick-value" style="text-decoration: none; color: inherit;">minglestudio_mocap</a> <a href="https://discord.com/users/1402264505110495354" target="_blank" class="info-quick-value">minglestudio_mocap</a>
</div> </div>
</div> </div>
<div class="info-quick-item"> <div class="info-quick-item">

2
zh/index.html
View File

@ -866,7 +866,7 @@
<span class="info-quick-icon"><i class="fa-brands fa-discord" aria-hidden="true"></i></span> <span class="info-quick-icon"><i class="fa-brands fa-discord" aria-hidden="true"></i></span>
<div> <div>
<span class="info-quick-label" data-i18n="index.cta.infoDiscord">Discord</span> <span class="info-quick-label" data-i18n="index.cta.infoDiscord">Discord</span>
<a href="https://discord.com/users/1402264505110495354" target="_blank" class="info-quick-value" style="text-decoration: none; color: inherit;">minglestudio_mocap</a> <a href="https://discord.com/users/1402264505110495354" target="_blank" class="info-quick-value">minglestudio_mocap</a>
</div> </div>
</div> </div>
<div class="info-quick-item"> <div class="info-quick-item">