chore: sync local workspace changes
This commit is contained in:
@@ -1,31 +1,17 @@
|
||||
.app-shell {
|
||||
min-height: 100dvh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: var(--app-viewport-height);
|
||||
min-height: var(--app-viewport-height);
|
||||
max-height: var(--app-viewport-height);
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.app-shell:has(.app-chat-panel) {
|
||||
height: 100dvh;
|
||||
max-height: 100dvh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-shell:has(.app-main-panel--play-saved) {
|
||||
height: 100dvh;
|
||||
max-height: 100dvh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-shell:has(.app-chat-panel) > .ant-layout {
|
||||
.app-shell__body.ant-layout {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
height: calc(100dvh - 60px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-shell:has(.app-main-panel--play-saved) > .ant-layout {
|
||||
min-height: 0;
|
||||
height: calc(100dvh - 60px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -200,6 +186,7 @@
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
min-width: 132px;
|
||||
max-width: min(100%, 240px);
|
||||
padding: 10px 12px;
|
||||
border: 0;
|
||||
border-radius: 14px;
|
||||
@@ -304,6 +291,130 @@
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.app-header__settings-copy {
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 1px;
|
||||
}
|
||||
|
||||
.app-header__settings-meta {
|
||||
display: block;
|
||||
min-width: 0;
|
||||
color: #64748b;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
line-height: 1.25;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.app-header__restart-overlay {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 1100;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 24px;
|
||||
background:
|
||||
radial-gradient(circle at top, rgba(59, 130, 246, 0.2), transparent 28%),
|
||||
linear-gradient(135deg, rgba(2, 6, 23, 0.84), rgba(15, 23, 42, 0.92));
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.app-header__restart-overlay-card {
|
||||
width: min(100%, 420px);
|
||||
padding: 24px 22px;
|
||||
border: 1px solid rgba(96, 165, 250, 0.2);
|
||||
border-radius: 26px;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(2, 6, 23, 0.98)),
|
||||
rgba(15, 23, 42, 0.96);
|
||||
box-shadow:
|
||||
0 26px 60px rgba(15, 23, 42, 0.42),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.06);
|
||||
color: #e2e8f0;
|
||||
}
|
||||
|
||||
.app-header__restart-overlay-eyebrow {
|
||||
display: inline-flex;
|
||||
margin-bottom: 10px;
|
||||
color: rgba(147, 197, 253, 0.88);
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.18em;
|
||||
}
|
||||
|
||||
.app-header__restart-overlay-title {
|
||||
display: block;
|
||||
margin-bottom: 14px;
|
||||
color: #f8fafc;
|
||||
font-size: clamp(22px, 4vw, 28px);
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.app-header__restart-overlay-status {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
color: #bfdbfe;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.app-header__restart-overlay-detail {
|
||||
margin: 0 0 16px;
|
||||
color: #cbd5e1;
|
||||
font-size: 13px;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.app-header__restart-overlay-steps {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.app-header__restart-overlay-step {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 11px 12px;
|
||||
border: 1px solid rgba(148, 163, 184, 0.16);
|
||||
border-radius: 14px;
|
||||
background: rgba(15, 23, 42, 0.52);
|
||||
color: #94a3b8;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.app-header__restart-overlay-step-dot {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 999px;
|
||||
background: currentColor;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.app-header__restart-overlay-step--done {
|
||||
color: #38bdf8;
|
||||
}
|
||||
|
||||
.app-header__restart-overlay-step--active {
|
||||
color: #f8fafc;
|
||||
border-color: rgba(96, 165, 250, 0.28);
|
||||
background: rgba(30, 41, 59, 0.86);
|
||||
box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.14);
|
||||
}
|
||||
|
||||
.app-header__restart-overlay-step--pending {
|
||||
color: #64748b;
|
||||
}
|
||||
|
||||
.app-header__settings-group-arrow {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -432,6 +543,9 @@
|
||||
}
|
||||
|
||||
.app-sider.ant-layout-sider {
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
background: rgba(255, 255, 255, 0.72);
|
||||
border-right: 1px solid rgba(148, 163, 184, 0.14);
|
||||
}
|
||||
@@ -444,7 +558,7 @@
|
||||
min-width: 100vw !important;
|
||||
max-width: 100vw;
|
||||
flex: 0 0 100vw !important;
|
||||
height: calc(100vh - 72px);
|
||||
height: calc(var(--app-viewport-height) - 72px);
|
||||
border-right: 0;
|
||||
background: rgba(255, 255, 255, 0.98);
|
||||
transition: none !important;
|
||||
@@ -479,36 +593,32 @@
|
||||
.app-main-content.ant-layout-content {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
min-height: calc(100dvh - 60px);
|
||||
min-height: 0;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.app-main-content.ant-layout-content:has(.app-chat-panel) {
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-main-content.ant-layout-content:has(.app-main-panel--play-saved) {
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
.app-main-content--under-sidebar-overlay.ant-layout-content {
|
||||
visibility: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.app-main-content--expanded.ant-layout-content {
|
||||
position: relative;
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
min-height: var(--app-viewport-height);
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.app-main-panel {
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -518,7 +628,7 @@
|
||||
|
||||
.app-main-panel--play-saved {
|
||||
height: 100%;
|
||||
min-height: calc(100dvh - 60px);
|
||||
min-height: calc(var(--app-viewport-height) - 60px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -535,18 +645,21 @@
|
||||
}
|
||||
|
||||
.app-main-content--expanded.ant-layout-content:has(.app-main-panel--play-saved) {
|
||||
min-height: calc(100dvh - 60px);
|
||||
min-height: calc(var(--app-viewport-height) - 60px);
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-main-panel:has(.app-chat-panel) {
|
||||
flex: 1 1 auto;
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-main-layout:has(.app-chat-panel) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
overflow: hidden;
|
||||
@@ -557,10 +670,16 @@
|
||||
grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
|
||||
gap: 16px;
|
||||
flex: 1;
|
||||
min-height: 100%;
|
||||
min-height: 0;
|
||||
min-width: 0;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
padding: 16px;
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
overscroll-behavior: contain;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.app-main-layout:has(.chat-type-management-page) {
|
||||
@@ -569,13 +688,124 @@
|
||||
padding: 4px 12px 12px;
|
||||
}
|
||||
|
||||
.app-main-panel:has(.board-page),
|
||||
.app-main-panel:has(.history-page),
|
||||
.app-main-panel:has(.chat-source-changes-page),
|
||||
.app-main-panel:has(.docs-page) {
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-main-layout:has(.board-page),
|
||||
.app-main-layout:has(.history-page),
|
||||
.app-main-layout:has(.chat-source-changes-page),
|
||||
.app-main-layout:has(.docs-page) {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
gap: 12px;
|
||||
padding: 4px 12px 12px;
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.app-main-layout:has(.docs-page) {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.docs-page {
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.docs-page__card,
|
||||
.docs-page__card.ant-card,
|
||||
.docs-page__card.ant-card .ant-card-body {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.docs-page__card.ant-card {
|
||||
display: flex;
|
||||
flex: 1 1 auto;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.docs-page__card.ant-card .ant-card-body {
|
||||
display: flex;
|
||||
flex: 1 1 auto;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.docs-page__scroll {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
overscroll-behavior: contain;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
padding: 0 0 calc(16px + env(safe-area-inset-bottom, 0px));
|
||||
}
|
||||
|
||||
.docs-page__stack {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.app-main-panel:has(.resource-management-page) {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-main-layout:has(.resource-management-page) {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
gap: 12px;
|
||||
padding: 4px 12px 12px;
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-main-panel:has(.plan-board-page),
|
||||
.app-main-panel:has(.plan-schedule-page),
|
||||
.app-main-panel:has(.release-review-page),
|
||||
.app-main-panel:has(.server-command-page),
|
||||
.app-main-panel:has(.test-play-app),
|
||||
.app-main-panel:has(.layout-playground__editor-card) {
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-main-layout:has(.plan-board-page),
|
||||
.app-main-layout:has(.plan-schedule-page),
|
||||
.app-main-layout:has(.release-review-page),
|
||||
.app-main-layout:has(.server-command-page),
|
||||
.app-main-layout:has(.test-play-app),
|
||||
.app-main-layout:has(.layout-playground__editor-card) {
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-main-panel--play:has(.test-play-app),
|
||||
.app-main-panel--play:has(.layout-playground__editor-card) {
|
||||
overflow: auto;
|
||||
overscroll-behavior: contain;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
html,
|
||||
body,
|
||||
#root {
|
||||
height: 100dvh;
|
||||
height: var(--app-viewport-height);
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
html:has(.chat-type-management-page),
|
||||
@@ -595,12 +825,16 @@
|
||||
.app-shell,
|
||||
.app-main-content.ant-layout-content {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.app-main-panel,
|
||||
.app-main-layout {
|
||||
overflow: visible;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-main-layout {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.app-main-panel:has(.app-chat-panel),
|
||||
@@ -609,12 +843,128 @@
|
||||
}
|
||||
|
||||
.app-shell:has(.chat-type-management-page),
|
||||
.app-shell:has(.chat-type-management-page) > .ant-layout {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
height: var(--app-viewport-height);
|
||||
min-height: var(--app-viewport-height);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-main-content.ant-layout-content:has(.chat-type-management-page),
|
||||
.app-main-panel:has(.chat-type-management-page),
|
||||
.app-main-layout:has(.chat-type-management-page),
|
||||
.chat-type-management-page,
|
||||
.chat-type-management-page__card {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.app-main-content.ant-layout-content:has(.chat-type-management-page),
|
||||
.app-main-panel:has(.chat-type-management-page),
|
||||
.app-main-layout:has(.chat-type-management-page) {
|
||||
height: calc(var(--app-viewport-height) - 52px);
|
||||
min-height: calc(var(--app-viewport-height) - 52px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-shell:has(.resource-management-page),
|
||||
.app-shell:has(.resource-management-page) > .ant-layout,
|
||||
.app-main-content.ant-layout-content:has(.resource-management-page),
|
||||
.app-main-panel:has(.resource-management-page),
|
||||
.app-main-layout:has(.resource-management-page) {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.app-shell:has(.resource-management-page),
|
||||
.app-shell:has(.resource-management-page) > .ant-layout,
|
||||
.app-main-content.ant-layout-content:has(.resource-management-page),
|
||||
.app-main-panel:has(.resource-management-page),
|
||||
.app-main-layout:has(.resource-management-page) {
|
||||
height: calc(var(--app-viewport-height) - 52px);
|
||||
min-height: calc(var(--app-viewport-height) - 52px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-shell:has(.chat-type-management-page) > .ant-layout,
|
||||
.app-main-content.ant-layout-content:has(.chat-type-management-page),
|
||||
.app-main-panel:has(.chat-type-management-page),
|
||||
.app-main-layout:has(.chat-type-management-page) {
|
||||
height: calc(100dvh - 52px);
|
||||
min-height: calc(100dvh - 52px);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.app-shell:has(.board-page),
|
||||
.app-shell:has(.board-page) > .ant-layout,
|
||||
.app-main-content.ant-layout-content:has(.board-page),
|
||||
.app-main-panel:has(.board-page),
|
||||
.app-main-layout:has(.board-page),
|
||||
.app-shell:has(.history-page),
|
||||
.app-shell:has(.history-page) > .ant-layout,
|
||||
.app-main-content.ant-layout-content:has(.history-page),
|
||||
.app-main-panel:has(.history-page),
|
||||
.app-main-layout:has(.history-page),
|
||||
.app-shell:has(.chat-source-changes-page),
|
||||
.app-shell:has(.chat-source-changes-page) > .ant-layout,
|
||||
.app-main-content.ant-layout-content:has(.chat-source-changes-page),
|
||||
.app-main-panel:has(.chat-source-changes-page),
|
||||
.app-main-layout:has(.chat-source-changes-page),
|
||||
.app-shell:has(.docs-page),
|
||||
.app-shell:has(.docs-page) > .ant-layout,
|
||||
.app-main-content.ant-layout-content:has(.docs-page),
|
||||
.app-main-panel:has(.docs-page),
|
||||
.app-main-layout:has(.docs-page) {
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.app-shell:has(.docs-page),
|
||||
.app-shell:has(.docs-page) > .ant-layout,
|
||||
.app-main-content.ant-layout-content:has(.docs-page),
|
||||
.app-main-panel:has(.docs-page) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-main-layout:has(.docs-page) {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.app-shell:has(.plan-board-page),
|
||||
.app-shell:has(.plan-board-page) > .ant-layout,
|
||||
.app-main-content.ant-layout-content:has(.plan-board-page),
|
||||
.app-main-panel:has(.plan-board-page),
|
||||
.app-main-layout:has(.plan-board-page),
|
||||
.app-shell:has(.plan-schedule-page),
|
||||
.app-shell:has(.plan-schedule-page) > .ant-layout,
|
||||
.app-main-content.ant-layout-content:has(.plan-schedule-page),
|
||||
.app-main-panel:has(.plan-schedule-page),
|
||||
.app-main-layout:has(.plan-schedule-page),
|
||||
.app-shell:has(.release-review-page),
|
||||
.app-shell:has(.release-review-page) > .ant-layout,
|
||||
.app-main-content.ant-layout-content:has(.release-review-page),
|
||||
.app-main-panel:has(.release-review-page),
|
||||
.app-main-layout:has(.release-review-page),
|
||||
.app-shell:has(.server-command-page),
|
||||
.app-shell:has(.server-command-page) > .ant-layout,
|
||||
.app-main-content.ant-layout-content:has(.server-command-page),
|
||||
.app-main-panel:has(.server-command-page),
|
||||
.app-main-layout:has(.server-command-page),
|
||||
.app-shell:has(.test-play-app),
|
||||
.app-shell:has(.test-play-app) > .ant-layout,
|
||||
.app-main-content.ant-layout-content:has(.test-play-app),
|
||||
.app-main-panel:has(.test-play-app),
|
||||
.app-main-layout:has(.test-play-app),
|
||||
.app-shell:has(.layout-playground__editor-card),
|
||||
.app-shell:has(.layout-playground__editor-card) > .ant-layout,
|
||||
.app-main-content.ant-layout-content:has(.layout-playground__editor-card),
|
||||
.app-main-panel:has(.layout-playground__editor-card),
|
||||
.app-main-layout:has(.layout-playground__editor-card) {
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -623,8 +973,8 @@
|
||||
.app-main-content.ant-layout-content:has(.app-main-panel--play-saved),
|
||||
.app-main-layout:has(.app-main-panel--play-saved),
|
||||
.app-main-panel--play-saved {
|
||||
height: calc(100dvh - 52px);
|
||||
min-height: calc(100dvh - 52px);
|
||||
height: calc(var(--app-viewport-height) - 52px);
|
||||
min-height: calc(var(--app-viewport-height) - 52px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -718,7 +1068,7 @@
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: calc(100dvh - 92px);
|
||||
min-height: calc(var(--app-viewport-height) - 92px);
|
||||
overflow: hidden;
|
||||
border-radius: 24px;
|
||||
}
|
||||
@@ -806,14 +1156,14 @@
|
||||
|
||||
@media (max-width: 1180px) {
|
||||
.app-main-panel:has(.app-chat-panel) {
|
||||
height: calc(100dvh - 60px);
|
||||
min-height: calc(100dvh - 60px);
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-main-layout:has(.app-chat-panel) {
|
||||
height: calc(100dvh - 60px);
|
||||
min-height: calc(100dvh - 60px);
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
gap: 0;
|
||||
overflow: hidden;
|
||||
@@ -821,10 +1171,6 @@
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.app-shell:has(.app-chat-panel) > .ant-layout {
|
||||
height: calc(100dvh - 52px);
|
||||
}
|
||||
|
||||
.app-header {
|
||||
padding: 6px 10px;
|
||||
height: 52px;
|
||||
@@ -874,7 +1220,7 @@
|
||||
.app-sider--mobile.ant-layout-sider {
|
||||
position: fixed;
|
||||
inset: 52px 0 0;
|
||||
height: calc(100vh - 52px);
|
||||
height: calc(var(--app-viewport-height) - 52px);
|
||||
}
|
||||
|
||||
.app-sider--mobile-inline.ant-layout-sider {
|
||||
@@ -884,21 +1230,33 @@
|
||||
|
||||
.app-main-content.ant-layout-content {
|
||||
padding: 0;
|
||||
min-height: calc(100dvh - 52px);
|
||||
}
|
||||
|
||||
.app-main-layout {
|
||||
min-height: calc(100dvh - 52px);
|
||||
padding: 8px;
|
||||
gap: 8px;
|
||||
.app-main-layout,
|
||||
.app-main-layout:has(.chat-type-management-page),
|
||||
.app-main-layout:has(.docs-page),
|
||||
.app-main-layout:has(.resource-management-page),
|
||||
.app-main-layout:has(.board-page),
|
||||
.app-main-layout:has(.history-page),
|
||||
.app-main-layout:has(.chat-source-changes-page),
|
||||
.app-main-layout:has(.plan-board-page),
|
||||
.app-main-layout:has(.plan-schedule-page),
|
||||
.app-main-layout:has(.release-review-page),
|
||||
.app-main-layout:has(.server-command-page),
|
||||
.app-main-layout:has(.test-play-app),
|
||||
.app-main-layout:has(.layout-playground__editor-card),
|
||||
.app-main-layout:has(.app-main-panel--play-saved) {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.app-main-panel--play-saved {
|
||||
min-height: calc(100dvh - 52px);
|
||||
min-height: calc(var(--app-viewport-height) - 52px);
|
||||
}
|
||||
|
||||
.app-main-layout:has(.app-main-panel--play-saved) {
|
||||
min-height: calc(100dvh - 52px);
|
||||
min-height: calc(var(--app-viewport-height) - 52px);
|
||||
}
|
||||
|
||||
.app-main-layout:has(.chat-type-management-page) {
|
||||
@@ -906,12 +1264,17 @@
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.app-main-layout:has(.docs-page) {
|
||||
padding: 0;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.app-main-window-layer {
|
||||
inset: 8px;
|
||||
}
|
||||
|
||||
.app-main-window-layer__stage {
|
||||
min-height: calc(100dvh - 68px);
|
||||
min-height: calc(var(--app-viewport-height) - 68px);
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
@@ -935,8 +1298,28 @@
|
||||
padding: 10px 16px 16px;
|
||||
}
|
||||
|
||||
.docs-page__scroll {
|
||||
padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
|
||||
}
|
||||
|
||||
.app-main-panel:has(.app-chat-panel) {
|
||||
height: calc(100dvh - 76px);
|
||||
min-height: calc(100dvh - 76px);
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.app-main-layout:has(.plan-board-page),
|
||||
.app-main-layout:has(.plan-schedule-page),
|
||||
.app-main-layout:has(.release-review-page),
|
||||
.app-main-layout:has(.server-command-page),
|
||||
.app-main-layout:has(.test-play-app),
|
||||
.app-main-layout:has(.layout-playground__editor-card) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.app-main-panel:has(.test-play-app),
|
||||
.app-main-panel:has(.layout-playground__editor-card) {
|
||||
overflow-y: auto;
|
||||
overscroll-behavior: contain;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user