Skip to content

Commit 183fd73

Browse files
Mr-xnMr-xn
authored
Add files via upload
1 parent c75546e commit 183fd73

1 file changed

Lines changed: 196 additions & 0 deletions

File tree

‎frontend/css/styles.css‎

Lines changed: 196 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2860,6 +2860,202 @@ tr:last-child td {
28602860
font-variant-numeric: tabular-nums;
28612861
}
28622862

2863+
/* ========== 收藏星标按钮内置态 ========== */
2864+
.fav-star-btn.builtin {
2865+
opacity: 0.4;
2866+
cursor: not-allowed;
2867+
}
2868+
.fav-star-btn.builtin:hover {
2869+
opacity: 0.4;
2870+
background: transparent;
2871+
border-color: var(--border);
2872+
color: var(--text-muted);
2873+
}
2874+
2875+
/* ========== 用户收藏名称编辑 ========== */
2876+
.fav-name-row {
2877+
display: flex;
2878+
align-items: center;
2879+
gap: 6px;
2880+
margin-bottom: 2px;
2881+
}
2882+
.fav-name {
2883+
font-size: 13px;
2884+
font-weight: 600;
2885+
color: var(--text);
2886+
cursor: default;
2887+
max-width: 280px;
2888+
overflow: hidden;
2889+
text-overflow: ellipsis;
2890+
white-space: nowrap;
2891+
line-height: 1.4;
2892+
}
2893+
.fav-edit-btn {
2894+
display: inline-flex;
2895+
align-items: center;
2896+
justify-content: center;
2897+
width: 22px;
2898+
height: 22px;
2899+
padding: 0;
2900+
border: none;
2901+
border-radius: 4px;
2902+
background: transparent;
2903+
color: var(--text-muted);
2904+
cursor: pointer;
2905+
opacity: 0;
2906+
transition: opacity 0.15s, color 0.15s, background 0.15s;
2907+
flex-shrink: 0;
2908+
}
2909+
.fav-item:hover .fav-edit-btn {
2910+
opacity: 1;
2911+
}
2912+
.fav-edit-btn:hover {
2913+
color: var(--primary);
2914+
background: var(--primary-light);
2915+
}
2916+
.fav-name-edit-row {
2917+
display: flex;
2918+
align-items: center;
2919+
gap: 4px;
2920+
margin-bottom: 2px;
2921+
}
2922+
.fav-name-input {
2923+
flex: 1;
2924+
min-width: 0;
2925+
padding: 3px 8px;
2926+
font-size: 13px;
2927+
font-weight: 600;
2928+
border: 1px solid var(--primary);
2929+
border-radius: 4px;
2930+
background: var(--card);
2931+
color: var(--text);
2932+
outline: none;
2933+
line-height: 1.4;
2934+
}
2935+
.fav-name-input:focus {
2936+
box-shadow: 0 0 0 2px var(--primary-light);
2937+
}
2938+
.fav-name-save,
2939+
.fav-name-cancel {
2940+
display: inline-flex;
2941+
align-items: center;
2942+
justify-content: center;
2943+
width: 22px;
2944+
height: 22px;
2945+
padding: 0;
2946+
border: none;
2947+
border-radius: 4px;
2948+
font-size: 12px;
2949+
cursor: pointer;
2950+
flex-shrink: 0;
2951+
transition: background 0.15s;
2952+
}
2953+
.fav-name-save {
2954+
background: var(--primary-light);
2955+
color: var(--primary);
2956+
}
2957+
.fav-name-save:hover {
2958+
background: var(--primary);
2959+
color: #fff;
2960+
}
2961+
.fav-name-cancel {
2962+
background: transparent;
2963+
color: var(--text-muted);
2964+
}
2965+
.fav-name-cancel:hover {
2966+
background: var(--bg);
2967+
color: var(--text);
2968+
}
2969+
2970+
/* ========== 用户收藏标签 ========== */
2971+
.fav-user-tags {
2972+
display: flex;
2973+
align-items: center;
2974+
gap: 4px;
2975+
flex-wrap: wrap;
2976+
margin-top: 3px;
2977+
position: relative;
2978+
}
2979+
.fav-tag-chip {
2980+
display: inline-flex;
2981+
align-items: center;
2982+
padding: 1px 7px;
2983+
font-size: 10px;
2984+
font-weight: 500;
2985+
color: var(--text-muted);
2986+
background: var(--bg);
2987+
border: 1px solid var(--border-light);
2988+
border-radius: 10px;
2989+
line-height: 1.6;
2990+
white-space: nowrap;
2991+
}
2992+
.fav-tag-add {
2993+
display: inline-flex;
2994+
align-items: center;
2995+
justify-content: center;
2996+
width: 18px;
2997+
height: 18px;
2998+
padding: 0;
2999+
border: 1px dashed var(--border);
3000+
border-radius: 9px;
3001+
background: transparent;
3002+
color: var(--text-muted);
3003+
cursor: pointer;
3004+
transition: border-color 0.15s, color 0.15s, background 0.15s;
3005+
}
3006+
.fav-tag-add:hover {
3007+
border-color: var(--primary);
3008+
color: var(--primary);
3009+
background: var(--primary-light);
3010+
}
3011+
3012+
/* ========== 标签选择 Popover ========== */
3013+
.fav-tag-popover {
3014+
position: absolute;
3015+
z-index: 100;
3016+
min-width: 160px;
3017+
max-width: 220px;
3018+
max-height: 200px;
3019+
overflow-y: auto;
3020+
background: var(--card);
3021+
border: 1px solid var(--border);
3022+
border-radius: 8px;
3023+
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
3024+
padding: 6px;
3025+
margin-top: 4px;
3026+
}
3027+
.fav-tag-popover-title {
3028+
font-size: 11px;
3029+
font-weight: 600;
3030+
color: var(--text-muted);
3031+
padding: 4px 6px 6px;
3032+
border-bottom: 1px solid var(--border-light);
3033+
margin-bottom: 4px;
3034+
}
3035+
.fav-tag-option {
3036+
display: block;
3037+
width: 100%;
3038+
padding: 5px 8px;
3039+
text-align: left;
3040+
font-size: 11px;
3041+
font-weight: 500;
3042+
color: var(--text-secondary);
3043+
background: transparent;
3044+
border: none;
3045+
border-radius: 4px;
3046+
cursor: pointer;
3047+
transition: background 0.1s, color 0.1s;
3048+
}
3049+
.fav-tag-option:hover {
3050+
background: var(--bg);
3051+
color: var(--text);
3052+
}
3053+
.fav-tag-option.is-active {
3054+
background: var(--primary-light);
3055+
color: var(--primary);
3056+
font-weight: 600;
3057+
}
3058+
28633059
/* ========== 更新提示横幅 ========== */
28643060
.update-banner {
28653061
display: flex;

0 commit comments

Comments
 (0)