feat: SSR 公开板块索引 /boards
EOF Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -610,3 +610,59 @@ points-only[data-locked="false"] {
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
|
||||
.j13-boards { max-width: 800px; margin: 0 auto; padding: 1rem 1rem 2.5rem; }
|
||||
.j13-boards h1 { margin: 0 0 1rem; font-size: 1.4rem; }
|
||||
.j13-boards__grid {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
|
||||
gap: 0.85rem;
|
||||
}
|
||||
.j13-boards__card {
|
||||
display: flex;
|
||||
gap: 0.75rem;
|
||||
align-items: flex-start;
|
||||
padding: 0.85rem 0.9rem;
|
||||
border: 1px solid var(--j13-border);
|
||||
border-radius: var(--j13-radius);
|
||||
background: var(--j13-bg);
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
min-height: 5rem;
|
||||
}
|
||||
.j13-boards__card:hover { border-color: var(--j13-accent); }
|
||||
.j13-boards__dot {
|
||||
width: 0.65rem;
|
||||
height: 0.65rem;
|
||||
border-radius: 50%;
|
||||
margin-top: 0.35rem;
|
||||
flex-shrink: 0;
|
||||
background: var(--j13-accent);
|
||||
}
|
||||
.j13-boards__card[data-color="0"] .j13-boards__dot { background: #0f766e; }
|
||||
.j13-boards__card[data-color="1"] .j13-boards__dot { background: #b45309; }
|
||||
.j13-boards__card[data-color="2"] .j13-boards__dot { background: #1d4ed8; }
|
||||
.j13-boards__card[data-color="3"] .j13-boards__dot { background: #be123c; }
|
||||
.j13-boards__card[data-color="4"] .j13-boards__dot { background: #7c3aed; }
|
||||
.j13-boards__card[data-color="5"] .j13-boards__dot { background: #047857; }
|
||||
.j13-boards__card[data-color="6"] .j13-boards__dot { background: #c2410c; }
|
||||
.j13-boards__card[data-color="7"] .j13-boards__dot { background: #0369a1; }
|
||||
.j13-boards__body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.2rem;
|
||||
min-width: 0;
|
||||
}
|
||||
.j13-boards__body strong { font-size: 1rem; }
|
||||
.j13-boards__icon { font-size: 0.75rem; }
|
||||
.j13-boards__desc {
|
||||
font-size: 0.85rem;
|
||||
color: var(--j13-muted);
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user