GenarrativeAI/Genarrative
5
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
高物
2026-05-10 22:20:54 +08:00
parent d6219f1a0c
commit 192accd796
92 changed files with 7045 additions and 1559 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
src/index.css
View File

@@ -541,7 +541,7 @@ body {
--puzzle-runtime-piece-selected-fill: linear-gradient(135deg, #ff4f8b, #ff8a73);
--puzzle-runtime-piece-selected-text: #fff7fb;
--puzzle-runtime-piece-selected-border: rgba(255, 79, 139, 0.68);
--puzzle-runtime-piece-overlay: rgba(61, 24, 38, 0.06);
--puzzle-runtime-next-card-overlay: rgba(61, 24, 38, 0.06);
--puzzle-runtime-control-fill: rgba(255, 255, 255, 0.72);
--puzzle-runtime-control-hover-fill: rgba(255, 91, 132, 0.1);
--puzzle-runtime-primary-fill: var(--platform-button-primary-fill);
@@ -768,7 +768,7 @@ body {
--puzzle-runtime-piece-selected-fill: rgba(251, 191, 36, 0.84);
--puzzle-runtime-piece-selected-text: #020617;
--puzzle-runtime-piece-selected-border: rgba(253, 230, 138, 1);
--puzzle-runtime-piece-overlay: rgba(0, 0, 0, 0.1);
--puzzle-runtime-next-card-overlay: rgba(0, 0, 0, 0.1);
--puzzle-runtime-control-fill: rgba(0, 0, 0, 0.36);
--puzzle-runtime-control-hover-fill: rgba(255, 255, 255, 0.1);
--puzzle-runtime-primary-fill: #fde68a;
@@ -2095,8 +2095,31 @@ body {
color: var(--puzzle-runtime-piece-empty-text);
}
.puzzle-runtime-piece-overlay {
background: var(--puzzle-runtime-piece-overlay);
.puzzle-runtime-next-card-overlay {
background: var(--puzzle-runtime-next-card-overlay);
}
.puzzle-runtime-leaderboard-tags {
display: flex;
min-width: 0;
flex-wrap: wrap;
gap: 0.25rem;
padding-top: 0.28rem;
}
.puzzle-runtime-leaderboard-tag {
display: inline-flex;
max-width: 100%;
align-items: center;
border: 1px solid var(--puzzle-runtime-control-border);
border-radius: 9999px;
background: var(--puzzle-runtime-control-fill);
color: var(--puzzle-runtime-accent-text);
padding: 0.12rem 0.42rem;
font-size: 0.68rem;
font-weight: 850;
line-height: 1.2;
overflow-wrap: anywhere;
}
.puzzle-runtime-primary-button {
@@ -2603,32 +2626,81 @@ body {
user-select: none;
}
.platform-recommend-work-meta__stats {
.platform-recommend-work-meta__actions {
display: flex;
min-width: 0;
align-items: center;
gap: 1.05rem;
padding: 0 0.28rem;
gap: 0.55rem;
padding: 0;
}
.platform-recommend-work-meta__stat {
.platform-recommend-work-meta__action {
display: inline-flex;
min-width: 0;
min-height: 2.4rem;
align-items: center;
justify-content: center;
border: 1px solid rgba(121, 82, 109, 0.12);
border-radius: 9999px;
background: rgba(255, 255, 255, 0.72);
color: var(--platform-text-strong);
font-weight: 950;
line-height: 1;
box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
transition:
transform 140ms ease,
background 140ms ease,
border-color 140ms ease;
}
.platform-recommend-work-meta__action:not(:disabled):active {
transform: scale(0.96);
}
.platform-recommend-work-meta__action:disabled {
opacity: 0.55;
}
.platform-recommend-work-meta__action--icon {
width: 2.4rem;
flex: 0 0 2.4rem;
}
.platform-recommend-work-meta__action--like {
border-color: rgba(255, 85, 126, 0.3);
background: rgba(255, 85, 126, 0.12);
color: #ff4f7d;
}
.platform-recommend-work-meta__action--remix {
border-color: rgba(121, 82, 109, 0.14);
background: rgba(255, 255, 255, 0.82);
color: var(--platform-text-strong);
}
.platform-recommend-work-meta__like-count {
display: inline-flex;
min-width: 0;
align-items: center;
gap: 0.28rem;
font-size: 1rem;
font-weight: 850;
gap: 0.22rem;
font-size: 0.84rem;
font-weight: 800;
line-height: 1;
color: var(--platform-text-strong);
}
.platform-recommend-work-meta__like-count {
flex: 0 0 auto;
min-width: 1rem;
}
.platform-recommend-work-meta__row {
margin-top: 0.36rem;
margin-top: 0.12rem;
display: flex;
min-width: 0;
align-items: center;
justify-content: space-between;
gap: 0.7rem;
gap: 0.6rem;
}
.platform-recommend-work-meta__identity {