Skip to content

Commit 231a3b8

Browse files
committed
feat: 样式修改, lazyload, cdn
1 parent 590085a commit 231a3b8

2 files changed

Lines changed: 257 additions & 33 deletions

File tree

css/components.css

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -129,3 +129,88 @@
129129
0% { transform: rotate(0deg); }
130130
100% { transform: rotate(360deg); }
131131
}
132+
133+
/* ---------- Contributors List ---------- */
134+
.contributors-list {
135+
display: grid;
136+
grid-template-columns: repeat(2, 1fr);
137+
gap: 0.75rem;
138+
}
139+
140+
@media (min-width: 640px) {
141+
.contributors-list {
142+
grid-template-columns: repeat(3, 1fr);
143+
}
144+
}
145+
146+
@media (min-width: 768px) {
147+
.contributors-list {
148+
grid-template-columns: repeat(4, 1fr);
149+
}
150+
}
151+
152+
@media (min-width: 1024px) {
153+
.contributors-list {
154+
grid-template-columns: repeat(5, 1fr);
155+
}
156+
}
157+
158+
.contributor-card {
159+
background-color: var(--md-sys-color-surface-container);
160+
border-radius: 0.75rem;
161+
transition: background-color var(--transition-duration) var(--transition-timing), transform var(--transition-duration) var(--transition-timing);
162+
}
163+
164+
.contributor-card:hover {
165+
background-color: var(--md-sys-color-surface-container-high);
166+
transform: translateY(-2px);
167+
}
168+
169+
.contributor-card a {
170+
display: flex;
171+
align-items: center;
172+
gap: 0.75rem;
173+
padding: 0.75rem;
174+
text-decoration: none;
175+
color: inherit;
176+
}
177+
178+
.contributor-card img {
179+
width: 48px;
180+
height: 48px;
181+
border-radius: 50%;
182+
flex-shrink: 0;
183+
}
184+
185+
.contributor-info {
186+
display: flex;
187+
flex-direction: column;
188+
gap: 0.25rem;
189+
min-width: 0;
190+
}
191+
192+
.contributor-name {
193+
font-size: var(--md-sys-typescale-label-large-size);
194+
font-weight: 500;
195+
color: var(--md-sys-color-on-surface);
196+
white-space: nowrap;
197+
overflow: hidden;
198+
text-overflow: ellipsis;
199+
}
200+
201+
.contributor-roles {
202+
display: flex;
203+
flex-wrap: wrap;
204+
gap: 0.25rem;
205+
color: var(--md-sys-color-on-surface-variant);
206+
font-size: 0.75rem;
207+
}
208+
209+
.contributor-roles i {
210+
opacity: 0.7;
211+
transition: opacity var(--transition-duration) var(--transition-timing);
212+
}
213+
214+
.contributor-card:hover .contributor-roles i {
215+
opacity: 1;
216+
}

0 commit comments

Comments
 (0)