tiennm99/coolify
1
0 Fork 0
mirror of https://github.com/tiennm99/coolify.git synced 2026-10-13 14:15:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): unify resource nav sidebars and polish project layouts

Browse Source 
Extract application/database/service configuration sidebars and
unified headings; improve clone-to-environment, embedded deployments,
storage actions, OAuth icons, terminal, and shared form components.
This commit is contained in:
Andras Bacsai committed 2026-08-05 17:56:59 +02:00
1 parent 2291c3fa1c
commit 5de6f97256
85 files changed
+2087 -981
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

resources/css/app.css
+80 -5
View File
@@ -433,6 +433,55 @@ tr td:first-child {
opacity 220ms ease;
}
.application-console-shell[data-console-theme="system"],
.terminal-fullscreen-shell[data-console-theme="system"] {
--console-theme-background: #fff;
--console-theme-opacity: 1;
}
html:not(.dark) .application-console-shell[data-console-theme="system"] .application-console-header {
color: #52525b;
border-color: rgb(0 0 0 / 0.1);
}
html:not(.dark) .application-console-shell[data-console-theme="system"] .application-console-header [class*="text-white"] {
color: #52525b !important;
}
html.dark .application-console-shell[data-console-theme="system"],
html.dark .terminal-fullscreen-shell[data-console-theme="system"] {
--console-theme-background: #121214;
}
.console-theme-selector {
scrollbar-color: rgb(161 161 170) transparent;
scrollbar-width: thin;
}
.console-theme-selector::-webkit-scrollbar {
width: 8px;
}
.console-theme-selector::-webkit-scrollbar-thumb {
border: 2px solid transparent;
border-radius: 9999px;
background: rgb(161 161 170);
background-clip: padding-box;
}
.console-theme-selector::-webkit-scrollbar-track {
background: transparent;
}
html.dark .console-theme-selector {
scrollbar-color: rgb(255 255 255 / 0.28) transparent;
}
html.dark .console-theme-selector::-webkit-scrollbar-thumb {
background: rgb(255 255 255 / 0.28);
background-clip: padding-box;
}
.application-console-shell[data-console-theme="shadows-midnight"],
.terminal-fullscreen-shell[data-console-theme="shadows-midnight"] {
--console-theme-background: linear-gradient(135deg, #2a3b4c, rgb(42 59 76 / 0.4));
@@ -1049,6 +1098,18 @@ body.terminal-is-fullscreen .terminal-fullscreen-shell [data-terminal-mobile-too
overscroll-behavior: contain;
scrollbar-width: thin;
}
/* Resource pages have a second fixed header row below the main header. */
.application-settings-workspace > .application-settings-navigation {
top: 4rem;
max-height: calc(100dvh - 5rem);
}
.application-settings-navigation.is-flush {
position: static;
max-height: none;
overflow: visible;
}
}
/* Field labels */
@@ -1460,6 +1521,11 @@ body.terminal-is-fullscreen .terminal-fullscreen-shell [data-terminal-mobile-too
background: var(--coollabs-fill);
}
.data-table-row-active {
background: var(--coollabs-fill);
color: var(--coollabs-fg);
}
.listbox-option-disabled {
cursor: not-allowed;
opacity: 0.4;
@@ -1542,9 +1608,20 @@ input[type="search"]::-webkit-search-results-decoration {
padding: 0;
}
/* Empty states sit edge-to-edge in settings cards — no outer inset/padding. */
.application-settings-section-body:has(> .empty-state:only-child) {
padding: 0;
/* Empty states inside cards keep the same inset as other card content. */
.application-settings-section-body:has(> .empty-state:only-child),
.application-settings-section-body.is-flush:has(> .empty-state:only-child) {
padding: 1rem;
}
.empty-state {
background: var(--coollabs-base);
}
.loading-state-card {
border: 1px dashed var(--coollabs-line);
border-radius: 12px;
background: var(--coollabs-base);
}
.application-settings-section-body.is-flush .empty-state,
@@ -1554,8 +1631,6 @@ input[type="search"]::-webkit-search-results-decoration {
width: 100%;
max-width: none;
box-sizing: border-box;
/* Match the layer-card body corners when the empty fills the body. */
border-radius: 8px;
}
/* Centered process dialog (startup / activity logs) — full-height log body.