Skip to content

Commit 85c02d3

Browse files
Profile visual polish: darker background, larger badge detail, section divider
- Override ModalOverlay background with richer dark gradient for profile panel - Increase badge detail preview icon from 88px to 140px - Add subtle divider line between Edit Achievements and Cell Achievements sections Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 4a5ae13 commit 85c02d3

File tree

1 file changed

+11
-1
lines changed

1 file changed

+11
-1
lines changed

src/components/UserProfilePanel.vue

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -641,6 +641,9 @@ const emit = defineEmits({hide: null, 'open-settings': null});
641641
</div>
642642
</div>
643643

644+
<!-- Divider between achievement tracks -->
645+
<div class="nge-profile-badges-divider"></div>
646+
644647
<!-- Cell Achievements (exploration track) -->
645648
<div class="nge-profile-section nge-profile-section--badges">
646649
<div class="nge-profile-section-label" style="color: #90fff2;">▌ Cell Achievements</div>
@@ -794,6 +797,7 @@ const emit = defineEmits({hide: null, 'open-settings': null});
794797
.nge-profile-modal :deep(.nge-overlay) {
795798
overflow: hidden;
796799
animation: ngeProfileMaterialize 0.28s cubic-bezier(0.16, 1, 0.3, 1) both;
800+
background: linear-gradient(135deg, rgba(4, 6, 14, 0.97) 0%, rgba(8, 12, 24, 0.95) 50%, rgba(4, 8, 18, 0.97) 100%) !important;
797801
}
798802
799803
/* Scanline removed — holographic border glow handled by ModalOverlay */
@@ -1261,6 +1265,12 @@ const emit = defineEmits({hide: null, 'open-settings': null});
12611265
}
12621266
12631267
/* ── Badges ── */
1268+
.nge-profile-badges-divider {
1269+
height: 1px;
1270+
margin: 14px 0 8px;
1271+
background: linear-gradient(90deg, transparent 0%, rgba(74, 158, 255, 0.2) 30%, rgba(74, 158, 255, 0.2) 70%, transparent 100%);
1272+
}
1273+
12641274
.nge-profile-badges-hint {
12651275
font-size: 0.7em;
12661276
color: rgba(74, 158, 255, 0.45);
@@ -1367,7 +1377,7 @@ const emit = defineEmits({hide: null, 'open-settings': null});
13671377
/* Badge detail in viz column */
13681378
.nge-profile-viz-badge { justify-content: center; text-align: center; gap: 12px; }
13691379
1370-
.nge-profile-viz-badge-icon { width: 88px; height: 88px; object-fit: contain; filter: drop-shadow(0 0 16px rgba(74,158,255,0.35)); }
1380+
.nge-profile-viz-badge-icon { width: 140px; height: 140px; object-fit: contain; filter: drop-shadow(0 0 20px rgba(74,158,255,0.4)); }
13711381
13721382
.nge-profile-viz-badge-name {
13731383
font-size: 1em; font-weight: 700; color: #e0e8f4;

0 commit comments

Comments
 (0)