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 {
position: absolute;
top: 8px;
left: 8px;
top: 2px;
left: 1px;
padding: 2px 10px;
border-radius: var(--viewer-radius-pill);
font-size: 12px;
line-height: 18px;
font-size: 10px;
line-height: 12px;
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 点击 */
}
.ad-close {
position: absolute;
top: 0;
right: 0;
width:24px; /* ≥44px 触达 */
height: 24px;
top: 2px;
right: 1px;
width:20px; /* ≥44px 触达 */
height: 20px;
border: 0;
border-radius: 50%;
font-size: 18px;
font-size: 10px;
line-height: 1;
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;
}
.ad-dots {
apps/viewer/src/components/album/AlbumHeader.vue
+1 -1
View File
@@ -367,7 +367,7 @@ watch(
gap: 8px 20px;
margin: 9px 0 0;
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);
font-size: 0.75rem;
line-height: 1.5;