1
This commit is contained in:
598
src/index.css
598
src/index.css
@@ -1909,16 +1909,20 @@ body {
|
||||
|
||||
@media (max-width: 639px) {
|
||||
:root {
|
||||
--platform-bottom-nav-height: 3.25rem;
|
||||
--platform-bottom-nav-padding: 0.18rem;
|
||||
--platform-bottom-nav-gap: 0.12rem;
|
||||
--platform-bottom-nav-radius: 1rem;
|
||||
--platform-bottom-nav-button-radius: 0.88rem;
|
||||
--platform-bottom-nav-icon-size: 0.98rem;
|
||||
--platform-bottom-nav-icon-shell-size: 1.42rem;
|
||||
--platform-bottom-nav-height: 3.85rem;
|
||||
--platform-bottom-dock-outer-height: calc(
|
||||
var(--platform-bottom-nav-height) + env(safe-area-inset-bottom, 0px) +
|
||||
1.4rem
|
||||
);
|
||||
--platform-bottom-nav-padding: 0.34rem;
|
||||
--platform-bottom-nav-gap: 0.08rem;
|
||||
--platform-bottom-nav-radius: 9999px;
|
||||
--platform-bottom-nav-button-radius: 9999px;
|
||||
--platform-bottom-nav-icon-size: 1.02rem;
|
||||
--platform-bottom-nav-icon-shell-size: 1.68rem;
|
||||
--platform-bottom-nav-label-size: 10px;
|
||||
--platform-bottom-nav-label-tracking: 0.08em;
|
||||
--platform-bottom-nav-content-gap: 0.18rem;
|
||||
--platform-bottom-nav-label-tracking: 0;
|
||||
--platform-bottom-nav-content-gap: 0.12rem;
|
||||
}
|
||||
|
||||
.platform-page-stage {
|
||||
@@ -1983,6 +1987,16 @@ body {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.platform-mobile-topbar {
|
||||
min-height: 2.75rem;
|
||||
}
|
||||
|
||||
.platform-mobile-topbar__action {
|
||||
width: 2.35rem;
|
||||
height: 2.35rem;
|
||||
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.platform-bottom-nav__label {
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -2004,10 +2018,62 @@ body {
|
||||
.platform-mobile-bottom-dock {
|
||||
position: fixed;
|
||||
right: max(0.75rem, env(safe-area-inset-right, 0px));
|
||||
bottom: 0;
|
||||
bottom: calc(env(safe-area-inset-bottom, 0px) + 0.45rem);
|
||||
left: max(0.75rem, env(safe-area-inset-left, 0px));
|
||||
z-index: 60;
|
||||
padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 0.5rem);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.platform-mobile-bottom-dock .platform-bottom-nav {
|
||||
width: min(100%, 24rem);
|
||||
pointer-events: auto;
|
||||
border-color: color-mix(
|
||||
in srgb,
|
||||
var(--platform-desktop-panel-border) 76%,
|
||||
transparent
|
||||
);
|
||||
background: var(--platform-nav-fill);
|
||||
box-shadow:
|
||||
0 20px 48px rgba(0, 0, 0, 0.16),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.platform-mobile-bottom-dock .platform-bottom-nav__button {
|
||||
min-height: calc(
|
||||
var(--platform-bottom-nav-height) - var(--platform-bottom-nav-padding) *
|
||||
2
|
||||
);
|
||||
}
|
||||
|
||||
.platform-mobile-bottom-dock .platform-bottom-nav__button--primary {
|
||||
transform: translateY(-0.5rem);
|
||||
}
|
||||
|
||||
.platform-mobile-bottom-dock
|
||||
.platform-bottom-nav__button--primary
|
||||
.platform-bottom-nav__icon-shell {
|
||||
width: calc(var(--platform-bottom-nav-icon-shell-size) + 0.72rem);
|
||||
height: calc(var(--platform-bottom-nav-icon-shell-size) + 0.72rem);
|
||||
background: var(--platform-button-primary-fill);
|
||||
color: var(--platform-button-primary-text);
|
||||
box-shadow:
|
||||
0 14px 28px rgba(0, 0, 0, 0.18),
|
||||
var(--platform-profile-action-shadow);
|
||||
}
|
||||
|
||||
.platform-mobile-bottom-dock
|
||||
.platform-bottom-nav__button--primary
|
||||
.platform-bottom-nav__icon {
|
||||
color: var(--platform-button-primary-text);
|
||||
}
|
||||
|
||||
.platform-mobile-bottom-dock
|
||||
.platform-bottom-nav__button--primary
|
||||
.platform-bottom-nav__label {
|
||||
color: var(--platform-nav-item-text-active);
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.platform-mobile-home-stage {
|
||||
@@ -2024,6 +2090,15 @@ body {
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.platform-mobile-recommend-stage {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
backdrop-filter: none;
|
||||
padding: 0 0 0.2rem;
|
||||
}
|
||||
|
||||
.platform-mobile-home-stage .platform-desktop-search {
|
||||
border-radius: 9999px;
|
||||
padding: 0.64rem 0.9rem;
|
||||
@@ -2064,6 +2139,10 @@ body {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.platform-mobile-recommend-feed {
|
||||
padding-bottom: 0.35rem;
|
||||
}
|
||||
|
||||
.platform-ranking-panel {
|
||||
padding-inline: 0.85rem;
|
||||
}
|
||||
@@ -2177,6 +2256,28 @@ body {
|
||||
);
|
||||
}
|
||||
|
||||
.platform-public-work-card--immersive {
|
||||
min-height: min(76vh, 38rem);
|
||||
border-radius: 1.25rem;
|
||||
box-shadow:
|
||||
0 22px 48px rgba(0, 0, 0, 0.18),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
.platform-public-work-card--immersive .platform-public-work-card__cover {
|
||||
aspect-ratio: 0.82;
|
||||
min-height: min(58vh, 28rem);
|
||||
}
|
||||
|
||||
.platform-public-work-card--immersive .platform-public-work-card__body {
|
||||
min-height: 8rem;
|
||||
padding: 0.9rem 0.95rem 1rem;
|
||||
}
|
||||
|
||||
.platform-public-work-card--immersive .platform-public-work-card__kind {
|
||||
max-width: 5.8rem;
|
||||
}
|
||||
|
||||
.platform-mobile-hero-secondary {
|
||||
display: none;
|
||||
}
|
||||
@@ -3815,7 +3916,7 @@ button {
|
||||
@media (max-width: 640px) {
|
||||
:root {
|
||||
--ui-scale: 0.8;
|
||||
--platform-bottom-nav-height: 3.35rem;
|
||||
--platform-bottom-nav-height: 3.85rem;
|
||||
--platform-bottom-nav-label-size: 10px;
|
||||
}
|
||||
|
||||
@@ -4464,6 +4565,479 @@ button {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.creative-agent-home {
|
||||
position: relative;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
min-width: 0;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--platform-page-border);
|
||||
border-radius: 1.6rem;
|
||||
background:
|
||||
radial-gradient(
|
||||
circle at 50% 18%,
|
||||
var(--platform-shell-glow-2),
|
||||
transparent 32%
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 84% 12%,
|
||||
var(--platform-shell-glow-3),
|
||||
transparent 24%
|
||||
),
|
||||
var(--platform-page-fill);
|
||||
color: var(--platform-text-strong);
|
||||
}
|
||||
|
||||
.creative-agent-home__backdrop {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0.02),
|
||||
rgba(255, 255, 255, 0.01)
|
||||
),
|
||||
var(--platform-page-fill);
|
||||
}
|
||||
|
||||
.creative-agent-home__topbar {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
display: grid;
|
||||
grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem;
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
padding: max(0.9rem, env(safe-area-inset-top)) 1rem 0.7rem;
|
||||
}
|
||||
|
||||
.creative-agent-home__topbar-button {
|
||||
display: inline-flex;
|
||||
width: 2.75rem;
|
||||
height: 2.75rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 0;
|
||||
border-radius: 999px;
|
||||
background: transparent;
|
||||
color: var(--platform-text-base);
|
||||
transition:
|
||||
background-color 180ms ease,
|
||||
color 180ms ease,
|
||||
transform 180ms ease;
|
||||
}
|
||||
|
||||
.creative-agent-home__topbar-button:hover {
|
||||
transform: translateY(-1px);
|
||||
background: var(--platform-nav-item-hover-fill);
|
||||
color: var(--platform-text-strong);
|
||||
}
|
||||
|
||||
.creative-agent-home__brand {
|
||||
justify-self: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.creative-agent-home__brand .platform-brand-logo__title {
|
||||
font-size: clamp(1.7rem, 6vw, 2.15rem);
|
||||
}
|
||||
|
||||
.creative-agent-home__brand .platform-brand-logo__subtitle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.creative-agent-home__main {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
min-height: 0;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
gap: clamp(1.6rem, 6vh, 3.2rem);
|
||||
overflow-y: auto;
|
||||
padding: 0 clamp(1rem, 4vw, 2rem)
|
||||
calc(var(--platform-bottom-dock-outer-height, 5.8rem) + 6.2rem);
|
||||
}
|
||||
|
||||
.creative-agent-home__hero {
|
||||
max-width: 36rem;
|
||||
}
|
||||
|
||||
.creative-agent-home__hero h1 {
|
||||
margin: 0;
|
||||
color: var(--platform-text-strong);
|
||||
font-size: clamp(2.55rem, 10vw, 4.6rem);
|
||||
font-weight: 900;
|
||||
line-height: 0.98;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
.creative-agent-home__hero p {
|
||||
margin: 0.82rem 0 0;
|
||||
color: var(--platform-text-soft);
|
||||
font-size: clamp(1.15rem, 4.2vw, 1.65rem);
|
||||
font-weight: 800;
|
||||
line-height: 1.25;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
.creative-agent-home__prompt-grid {
|
||||
display: flex;
|
||||
max-width: 38rem;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.creative-agent-home__prompt,
|
||||
.creative-agent-home__reward {
|
||||
display: inline-flex;
|
||||
min-width: 0;
|
||||
min-height: 3.65rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.72rem;
|
||||
border: 1px solid var(--platform-subpanel-border);
|
||||
border-radius: 999px;
|
||||
background: var(--platform-subpanel-fill);
|
||||
color: var(--platform-text-base);
|
||||
padding: 0 1.12rem;
|
||||
font-size: clamp(0.96rem, 3.7vw, 1.14rem);
|
||||
font-weight: 900;
|
||||
line-height: 1.1;
|
||||
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08);
|
||||
transition:
|
||||
transform 180ms ease,
|
||||
border-color 180ms ease,
|
||||
background 180ms ease,
|
||||
color 180ms ease,
|
||||
box-shadow 180ms ease,
|
||||
opacity 180ms ease;
|
||||
}
|
||||
|
||||
.creative-agent-home__prompt:hover,
|
||||
.creative-agent-home__reward:hover {
|
||||
transform: translateY(-1px);
|
||||
border-color: var(--platform-surface-hover-border);
|
||||
color: var(--platform-text-strong);
|
||||
box-shadow: var(--platform-desktop-hover-shadow);
|
||||
}
|
||||
|
||||
.creative-agent-home__prompt:disabled,
|
||||
.creative-agent-home__reward:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.56;
|
||||
}
|
||||
|
||||
.creative-agent-home__prompt--cool svg {
|
||||
color: var(--platform-cool-text);
|
||||
}
|
||||
|
||||
.creative-agent-home__prompt--green svg {
|
||||
color: var(--platform-success-text);
|
||||
}
|
||||
|
||||
.creative-agent-home__prompt--warm svg {
|
||||
color: var(--platform-warm-text);
|
||||
}
|
||||
|
||||
.creative-agent-home__prompt--purple svg {
|
||||
color: var(--platform-nav-item-icon-active-text);
|
||||
}
|
||||
|
||||
.creative-agent-home__prompt--rose svg {
|
||||
color: var(--platform-cool-text);
|
||||
}
|
||||
|
||||
.creative-agent-home__prompt-badge {
|
||||
margin-left: -0.25rem;
|
||||
border-radius: 999px;
|
||||
background: var(--platform-neutral-bg);
|
||||
color: var(--platform-neutral-text);
|
||||
padding: 0.14rem 0.42rem;
|
||||
font-size: 0.72rem;
|
||||
font-weight: 900;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.creative-agent-home__reward {
|
||||
border-color: var(--platform-button-primary-border);
|
||||
background: var(--platform-button-primary-fill);
|
||||
color: var(--platform-button-primary-text);
|
||||
box-shadow: var(--platform-profile-action-shadow);
|
||||
}
|
||||
|
||||
.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 {
|
||||
position: absolute;
|
||||
right: clamp(1rem, 4vw, 2rem);
|
||||
bottom: calc(var(--platform-bottom-dock-outer-height, 5.8rem) + 0.9rem);
|
||||
left: clamp(1rem, 4vw, 2rem);
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.creative-agent-composer {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.creative-agent-composer--floating {
|
||||
border: 1px solid var(--platform-subpanel-border);
|
||||
border-radius: 999px;
|
||||
background: var(--platform-subpanel-fill);
|
||||
padding: 0.55rem;
|
||||
box-shadow:
|
||||
0 18px 44px rgba(0, 0, 0, 0.16),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.08);
|
||||
backdrop-filter: blur(18px);
|
||||
}
|
||||
|
||||
.creative-agent-composer--floating textarea {
|
||||
min-height: 2.75rem;
|
||||
max-height: 8rem;
|
||||
border: 0 !important;
|
||||
border-radius: 999px !important;
|
||||
background: transparent !important;
|
||||
padding: 0.72rem 0.28rem !important;
|
||||
font-size: clamp(1rem, 3.8vw, 1.12rem) !important;
|
||||
font-weight: 800;
|
||||
line-height: 1.35;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.creative-agent-composer--floating .platform-icon-button {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
color: var(--platform-text-base);
|
||||
}
|
||||
|
||||
.creative-agent-composer--floating .platform-icon-button:not(:disabled):hover {
|
||||
background: var(--platform-nav-active-fill);
|
||||
color: var(--platform-text-strong);
|
||||
}
|
||||
|
||||
.creative-agent-composer--floating button.platform-icon-button {
|
||||
background: var(--platform-button-primary-fill);
|
||||
color: var(--platform-button-primary-text);
|
||||
box-shadow: var(--platform-profile-action-shadow);
|
||||
}
|
||||
|
||||
.creative-agent-composer--floating button.platform-icon-button:disabled {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
color: var(--platform-text-soft);
|
||||
opacity: 0.62;
|
||||
}
|
||||
|
||||
.creative-agent-drawer-backdrop {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: 30;
|
||||
pointer-events: none;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
opacity: 0;
|
||||
transition:
|
||||
opacity 220ms ease,
|
||||
background-color 220ms ease;
|
||||
}
|
||||
|
||||
.creative-agent-drawer-backdrop--open {
|
||||
pointer-events: auto;
|
||||
background: rgba(0, 0, 0, 0.38);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.creative-agent-drawer {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 31;
|
||||
width: min(82vw, 22rem);
|
||||
max-width: 100%;
|
||||
transform: translateX(-104%);
|
||||
border-right: 1px solid var(--platform-subpanel-border);
|
||||
background: var(--platform-panel-fill);
|
||||
color: var(--platform-text-strong);
|
||||
box-shadow: 24px 0 80px rgba(0, 0, 0, 0.28);
|
||||
transition: transform 240ms ease;
|
||||
}
|
||||
|
||||
.creative-agent-drawer--open {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.creative-agent-drawer .platform-brand-logo__title {
|
||||
font-size: clamp(1.55rem, 5vw, 2rem);
|
||||
}
|
||||
|
||||
.creative-agent-drawer .platform-brand-logo__subtitle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.creative-agent-drawer__new-chat,
|
||||
.creative-agent-drawer__nav-row {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
min-height: 3.35rem;
|
||||
align-items: center;
|
||||
gap: 0.85rem;
|
||||
border: 1px solid var(--platform-subpanel-border);
|
||||
border-radius: 1.15rem;
|
||||
background: var(--platform-subpanel-fill);
|
||||
color: var(--platform-text-base);
|
||||
padding: 0 1rem;
|
||||
text-align: left;
|
||||
font-size: 1rem;
|
||||
font-weight: 900;
|
||||
transition:
|
||||
transform 180ms ease,
|
||||
border-color 180ms ease,
|
||||
color 180ms ease,
|
||||
background 180ms ease;
|
||||
}
|
||||
|
||||
.creative-agent-drawer__new-chat {
|
||||
justify-content: center;
|
||||
color: var(--platform-text-strong);
|
||||
}
|
||||
|
||||
.creative-agent-drawer__new-chat:hover,
|
||||
.creative-agent-drawer__nav-row:hover,
|
||||
.creative-agent-drawer__history-item:hover {
|
||||
transform: translateY(-1px);
|
||||
border-color: var(--platform-surface-hover-border);
|
||||
color: var(--platform-text-strong);
|
||||
}
|
||||
|
||||
.creative-agent-drawer__group-label {
|
||||
color: var(--platform-text-soft);
|
||||
font-size: 0.92rem;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.creative-agent-drawer__history-item {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0.9rem;
|
||||
background: transparent;
|
||||
color: var(--platform-text-strong);
|
||||
padding: 0.25rem 0;
|
||||
text-align: left;
|
||||
font-size: 1.12rem;
|
||||
font-weight: 900;
|
||||
line-height: 1.5;
|
||||
transition:
|
||||
transform 180ms ease,
|
||||
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;
|
||||
height: 3rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid var(--platform-button-primary-border);
|
||||
border-radius: 999px;
|
||||
background: var(--platform-profile-avatar-fill);
|
||||
color: var(--platform-button-primary-text);
|
||||
box-shadow: var(--platform-profile-avatar-shadow);
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.creative-agent-home {
|
||||
border-radius: 1.8rem;
|
||||
}
|
||||
|
||||
.creative-agent-home__main {
|
||||
align-items: center;
|
||||
text-align: left;
|
||||
padding-bottom: 9.5rem;
|
||||
}
|
||||
|
||||
.creative-agent-home__hero,
|
||||
.creative-agent-home__prompt-grid,
|
||||
.creative-agent-home__error {
|
||||
width: min(100%, 42rem);
|
||||
}
|
||||
|
||||
.creative-agent-home__composer {
|
||||
right: max(2rem, calc((100% - 42rem) / 2));
|
||||
bottom: 2rem;
|
||||
left: max(2rem, calc((100% - 42rem) / 2));
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.platform-mobile-entry-shell:has(.platform-tab-panel--active .creative-agent-home)
|
||||
> .platform-mobile-topbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.platform-tab-panel--active:has(.creative-agent-home) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.creative-agent-home {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.creative-agent-home__prompt-grid {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.creative-agent-home__prompt {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.creative-agent-home__reward {
|
||||
min-width: min(100%, 16.5rem);
|
||||
}
|
||||
}
|
||||
|
||||
/* 玩法参考图卡片始终压在暗色图像蒙版上，需绕过浅色主题的深色文字重映射。 */
|
||||
.platform-theme--light
|
||||
.platform-creation-reference-card,
|
||||
.platform-theme--light .platform-creation-reference-card * {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.platform-theme--light
|
||||
.platform-creation-reference-card
|
||||
.platform-pill--neutral {
|
||||
border-color: rgba(255, 255, 255, 0.28) !important;
|
||||
background: rgba(255, 255, 255, 0.16) !important;
|
||||
color: rgba(255, 255, 255, 0.9) !important;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.platform-work-detail {
|
||||
border-radius: 1.2rem;
|
||||
|
||||
Reference in New Issue
Block a user