SILVER/NODEDC_DESIGN_GUIDELINE
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Refine catalog layout and logo media

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-07-11 10:04:31 +03:00
parent 406e692a5e
commit 2907244caf
8 changed files with 178 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/catalog/src/styles.css
+37 -5
View File
@@ -29,7 +29,7 @@ textarea {
}
[data-nodedc-theme="light"] .catalog-app .nodedc-header__brand img,
[data-nodedc-theme="light"] .catalog-app .nodedc-header__workspace img {
[data-nodedc-theme="light"] .catalog-app .nodedc-header__workspace img[src="/nodedc-mark.svg"] {
filter: brightness(0.12);
}
@@ -101,7 +101,7 @@ textarea {
display: grid;
align-content: start;
gap: 1rem;
padding: 0.15rem 0.1rem 1rem;
padding: 0.75rem 1rem 1.75rem;
}
.catalog-grid {
@@ -118,10 +118,26 @@ textarea {
min-height: 16rem;
}
.catalog-preview--compact {
min-height: 10.25rem;
}
.catalog-preview--compact .catalog-preview__head {
margin-bottom: 0.85rem;
}
.catalog-preview--compact .catalog-preview__body {
min-height: 4.5rem;
}
.catalog-preview--wide {
grid-column: 1 / -1;
}
.catalog-inspector-launcher .nodedc-button {
width: 100%;
}
.catalog-preview__head {
display: flex;
align-items: baseline;
@@ -214,7 +230,11 @@ textarea {
}
.nodedc-glass.catalog-modal-preview {
min-height: 10.5rem;
display: grid;
height: 11rem;
min-height: 11rem;
box-sizing: border-box;
grid-template-rows: auto minmax(0, 1fr);
padding: 1rem;
}
@@ -223,13 +243,17 @@ textarea {
}
.catalog-modal-preview .catalog-preview__body {
height: auto;
min-height: 0;
align-content: space-between;
grid-template-rows: minmax(0, 1fr) auto;
align-content: stretch;
gap: 0.75rem;
}
.catalog-modal-preview .nodedc-button {
width: 100%;
align-self: end;
margin: 0;
padding-inline: 0.75rem;
}
@@ -338,10 +362,14 @@ textarea {
height: 2.92rem;
place-items: center;
border-radius: var(--nodedc-radius-circle);
background: var(--nodedc-glass-control-hover);
background: var(--nodedc-panel-item-bg);
color: var(--nodedc-text-primary);
}
.catalog-header-theme-switch {
box-shadow: inset 0 1px 0 color-mix(in srgb, white 22%, transparent), var(--nodedc-glass-control-shadow);
}
.catalog-icon-tile__surface > svg {
transform: scale(var(--nodedc-icon-glyph-scale));
}
@@ -411,6 +439,10 @@ textarea {
display: none;
}
.catalog-header-theme-switch .nodedc-segmented__item {
padding-inline: 0.8rem;
}
.catalog-launcher-stage__title {
top: 2rem;
left: 2rem;