xinyouhe/photo-live
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(viewer): 广告徽标/关闭钮缩小淡化 + 信息区去底部分隔线（用户调整）

Browse Source 
Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
浅念
2026-09-29 14:09:29 +08:00
parent 3728eb93d9
commit a90cb9953e
2 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/viewer/src/components/ads/AdCarousel.vue
+11 -11
View File
@@ -157,28 +157,28 @@ function openAd(ad: PublicAd): void {
} }
.ad-badge { .ad-badge {
position: absolute; position: absolute;
top: 8px; top: 2px;
left: 8px; left: 1px;
padding: 2px 10px; padding: 2px 10px;
border-radius: var(--viewer-radius-pill); border-radius: var(--viewer-radius-pill);
font-size: 12px; font-size: 10px;
line-height: 18px; line-height: 12px;
color: var(--viewer-surface); color: var(--viewer-surface);
background: color-mix(in srgb, var(--viewer-dark-bg) 72%, transparent); background: color-mix(in srgb, #686868 72%, transparent);
pointer-events: none; /* 徽标不拦截 slide 点击 */ pointer-events: none; /* 徽标不拦截 slide 点击 */
} }
.ad-close { .ad-close {
position: absolute; position: absolute;
top: 0; top: 2px;
right: 0; right: 1px;
width:24px; /* ≥44px 触达 */ width:20px; /* ≥44px 触达 */
height: 24px; height: 20px;
border: 0; border: 0;
border-radius: 50%; border-radius: 50%;
font-size: 18px; font-size: 10px;
line-height: 1; line-height: 1;
color: var(--viewer-surface); color: var(--viewer-surface);
background: color-mix(in srgb, var(--viewer-dark-bg) 72%, transparent); background: color-mix(in srgb, #686868 72%, transparent);
cursor: pointer; cursor: pointer;
} }
.ad-dots { .ad-dots {
apps/viewer/src/components/album/AlbumHeader.vue
+1 -1
View File
@@ -367,7 +367,7 @@ watch(
gap: 8px 20px; gap: 8px 20px;
margin: 9px 0 0; margin: 9px 0 0;
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 1px solid var(--viewer-divider, #e5eaf1); /* border-bottom: 1px solid var(--viewer-divider, #e5eaf1); */
color: var(--viewer-text-secondary, #647084); color: var(--viewer-text-secondary, #647084);
font-size: 0.75rem; font-size: 0.75rem;
line-height: 1.5; line-height: 1.5;