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

合并泥点弹窗透明修复

Browse Source 
# Conflicts:
#	src/components/common/PublishShareModal.test.tsx
#	src/components/common/PublishShareModal.tsx
#	src/index.test.ts
This commit is contained in:
kdletters
2026-06-12 15:35:19 +08:00
parent 21add3dcbc 93e4522b65
commit fe30396544
324 changed files with 36177 additions and 12743 deletions
Download Patch File Download Diff File Expand all files Collapse all files

187
src/index.css
View File

@@ -2784,7 +2784,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
}
.creation-work-card-incentive__metric,
.creation-work-card-incentive__button {
.creation-work-card-incentive__button.platform-button {
min-width: 0;
border: 1px solid color-mix(in srgb, #6b7cff 22%, transparent);
border-radius: 0.5rem;
@@ -2820,7 +2820,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
white-space: nowrap;
}
.creation-work-card-incentive__button {
.creation-work-card-incentive__button.platform-button {
display: inline-flex;
align-items: center;
justify-content: center;
@@ -2836,12 +2836,12 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
opacity 180ms ease;
}
.creation-work-card-incentive__button:hover:not(:disabled) {
.creation-work-card-incentive__button.platform-button:hover:not(:disabled) {
transform: translateY(-1px);
border-color: color-mix(in srgb, #6b7cff 44%, transparent);
}
.creation-work-card-incentive__button:disabled {
.creation-work-card-incentive__button.platform-button:disabled {
cursor: not-allowed;
opacity: 0.52;
}
@@ -2945,71 +2945,6 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
color: var(--platform-button-danger-text);
}
.platform-close-confirm-dialog > :first-child {
border-color: var(--platform-line-soft) !important;
}
.platform-close-confirm-dialog > :first-child > .min-w-0 {
color: var(--platform-text-strong) !important;
}
.platform-close-confirm-dialog__content {
display: grid;
gap: 0.9rem;
}
.platform-close-confirm-dialog__message {
border: 1px solid var(--platform-warm-border);
border-radius: 1rem;
background: var(--platform-warm-bg);
padding: 0.95rem 1rem;
color: var(--platform-warm-text);
font-size: 0.875rem;
font-weight: 600;
line-height: 1.7;
}
.platform-close-confirm-dialog__actions {
display: grid;
gap: 0.75rem;
}
.platform-close-confirm-dialog__button {
display: inline-flex;
min-height: 2.5rem;
width: 100%;
align-items: center;
justify-content: center;
border-radius: 9999px;
border: 1px solid transparent;
padding: 0.55rem 1rem;
font-size: 0.875rem;
font-weight: 800;
transition:
transform 180ms ease,
border-color 180ms ease,
background 180ms ease,
color 180ms ease,
box-shadow 180ms ease;
}
.platform-close-confirm-dialog__button:hover {
transform: translateY(-1px);
}
.platform-close-confirm-dialog__button--primary {
border-color: var(--platform-button-primary-border);
background: var(--platform-button-primary-fill);
color: var(--platform-button-primary-text);
box-shadow: 0 12px 26px rgba(182, 98, 63, 0.16);
}
.platform-close-confirm-dialog__button--secondary {
border-color: var(--platform-neutral-border);
background: var(--platform-neutral-bg);
color: var(--platform-neutral-text);
}
.platform-icon-button {
display: inline-flex;
align-items: center;
@@ -3571,11 +3506,6 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
backdrop-filter: blur(12px);
}
.puzzle-runtime-error-chip {
background: var(--puzzle-runtime-danger-fill);
color: var(--puzzle-runtime-danger-text);
}
.puzzle-runtime-modal-overlay {
background: var(--puzzle-runtime-backdrop-fill);
}
@@ -4881,33 +4811,21 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
background: linear-gradient(90deg, #ffcf56, #6ed5ff, #c986ff);
}
.baby-love-drawing-runtime__error,
.baby-love-drawing-runtime__saved {
.baby-love-drawing-runtime__status {
position: absolute;
z-index: 14;
left: 50%;
transform: translateX(-50%);
border-radius: 999px;
padding: 0.64rem 1rem;
font-size: 0.9rem;
font-weight: 900;
box-shadow: 0 16px 38px rgba(79, 107, 69, 0.16);
}
.baby-love-drawing-runtime__error {
.baby-love-drawing-runtime__status--top {
top: max(0.8rem, env(safe-area-inset-top));
max-width: min(86vw, 34rem);
background: rgba(255, 238, 238, 0.94);
color: #b42336;
}
.baby-love-drawing-runtime__saved {
.baby-love-drawing-runtime__status--saved {
top: 12%;
display: inline-flex;
align-items: center;
gap: 0.42rem;
background: rgba(238, 255, 239, 0.94);
color: #2f7d39;
}
.baby-love-drawing-runtime__left-hand-indicator,
@@ -5163,7 +5081,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
font-size: 0.82rem;
}
.creation-work-card-incentive__button {
.creation-work-card-incentive__button.platform-button {
grid-column: 1 / -1;
min-height: 2.34rem;
padding: 0 0.48rem;
@@ -6224,18 +6142,6 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
color: var(--platform-text-strong);
}
.platform-profile-error {
border: 1px solid var(--platform-button-danger-border);
background: var(--platform-button-danger-fill);
color: var(--platform-button-danger-text);
}
.platform-profile-success {
border: 1px solid var(--platform-success-border);
background: var(--platform-success-bg);
color: var(--platform-success-text);
}
.platform-profile-hero {
overflow: hidden;
border: 1px solid var(--platform-profile-hero-border);
@@ -8631,37 +8537,6 @@ button {
white-space: nowrap;
}
.platform-work-detail__like {
display: inline-flex;
min-width: 5.2rem;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.25rem;
border: 1px solid
color-mix(
in srgb,
var(--platform-work-like-accent, #c7653d) 24%,
transparent
);
border-radius: 1rem;
background: color-mix(
in srgb,
var(--platform-work-like-accent, #c7653d) 10%,
var(--platform-panel-fill) 90%
);
color: var(--platform-work-like-accent, #c7653d);
padding: 0.6rem 0.75rem;
font-size: 0.8125rem;
font-weight: 900;
box-shadow: 0 0.55rem 1.2rem
color-mix(
in srgb,
var(--platform-work-like-accent, #c7653d) 10%,
transparent
);
}
.platform-work-detail__remix:disabled,
.platform-work-detail__start:disabled {
cursor: not-allowed;
@@ -8794,20 +8669,6 @@ button {
margin-bottom: 1rem;
}
.platform-work-detail__chip,
.platform-work-detail__code {
display: inline-flex;
align-items: center;
gap: 0.4rem;
border: 1px solid var(--platform-neutral-border);
border-radius: 0.7rem;
background: var(--platform-neutral-bg);
color: var(--platform-neutral-text);
padding: 0.42rem 0.75rem;
font-size: 0.75rem;
font-weight: 700;
}
.platform-work-detail__copy {
margin: 0;
color: var(--platform-text-base);
@@ -8819,26 +8680,23 @@ button {
margin-top: 1.3rem;
}
.platform-work-detail__error,
.platform-work-detail__toast {
.platform-work-detail__error {
margin-top: 1rem;
border-radius: 0.85rem;
padding: 0.8rem 0.9rem;
font-size: 0.875rem;
}
.platform-work-detail__toast {
margin-top: 1rem;
}
.platform-work-detail__error {
border: 1px solid var(--platform-button-danger-border);
background: var(--platform-button-danger-fill);
color: var(--platform-button-danger-text);
}
.platform-work-detail__toast {
border: 1px solid var(--platform-success-border);
background: var(--platform-success-bg);
color: var(--platform-success-text);
}
.platform-work-detail__bottom {
position: sticky;
bottom: 0;
@@ -9087,14 +8945,6 @@ button {
.creative-agent-home__error {
max-width: 38rem;
border: 1px solid var(--platform-button-danger-border);
border-radius: 1rem;
background: var(--platform-button-danger-fill);
color: var(--platform-button-danger-text);
padding: 0.85rem 1rem;
font-size: 0.875rem;
font-weight: 800;
line-height: 1.6;
}
.creative-agent-home__composer {
@@ -9263,17 +9113,6 @@ button {
color 180ms ease;
}
.creative-agent-drawer__empty {
border: 1px solid var(--platform-subpanel-border);
border-radius: 1rem;
background: var(--platform-subpanel-fill);
color: var(--platform-text-soft);
padding: 0.9rem 1rem;
text-align: center;
font-size: 0.9rem;
font-weight: 800;
}
.creative-agent-drawer__avatar {
display: inline-flex;
width: 3rem;