dave/coolify
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Merge branch 'next' into feature/oauth

Browse Source
This commit is contained in:
Andras Bacsai
2024-03-20 13:59:56 +01:00
committed by GitHub
parent 42019321e3 b61860b3ab
commit 3a391aa3cb
119 changed files with 1967 additions and 1269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

197
resources/css/app.css
View File

@@ -2,22 +2,141 @@
@tailwind components;
@tailwind utilities;
html {
@apply text-neutral-400;
html,
body {
@apply text-black bg-white dark:bg-base dark:text-neutral-400;
}
body {
@apply text-sm antialiased scrollbar;
}
button[isError] {
button[isError]:not(:disabled) {
@apply bg-red-600 hover:bg-red-700;
}
button[isHighlighted] {
button[isHighlighted]:not(:disabled) {
@apply bg-coollabs hover:bg-coollabs-100;
}
.button {
@apply px-3 py-1.5 text-sm font-normal normal-case rounded dark:bg-coolgray-200 dark:text-white dark:hover:bg-coolgray-100 dark:disabled:bg-coolgray-100/40 dark:disabled:text-neutral-800 min-w-fit flex items-center justify-center;
}
h1 {
@apply text-2xl font-bold dark:text-white text-neutral-800;
}
h2 {
@apply text-xl font-bold dark:text-white text-neutral-800;
}
h3 {
@apply text-lg font-bold dark:text-white text-neutral-800;
}
h4 {
@apply text-base font-bold dark:text-white text-neutral-800;
}
a {
@apply dark:hover:text-white dark:text-neutral-400 text-neutral-600;
}
label {
@apply dark:text-neutral-400 text-neutral-600;
}
table {
@apply min-w-full divide-y divide-coolgray-200;
}
thead {
@apply uppercase;
}
tbody {
@apply divide-y divide-coolgray-200;
}
tr {
@apply text-neutral-400;
}
tr th {
@apply px-3 py-3.5 text-left text-white;
}
tr th:first-child {
@apply py-3.5 pl-4 pr-3 sm:pl-6;
}
tr td {
@apply px-3 py-4 whitespace-nowrap;
}
tr td:first-child {
@apply pl-4 pr-3 font-bold sm:pl-6;
}
input {
@apply pr-10;
}
.input {
@apply block w-full py-1.5 rounded border-0 text-sm ring-inset ring-1 dark:bg-coolgray-100 dark:text-white text-black focus:ring-2 dark:focus:ring-coolgray-300 dark:ring-coolgray-300 dark:read-only:text-neutral-500 dark:read-only:ring-0 dark:read-only:bg-coolgray-100/40 dark:placeholder:text-neutral-700;
}
option {
@apply text-white;
}
.alert-success {
@apply flex items-center gap-2 text-success;
}
.alert-error {
@apply flex items-center gap-2 text-error;
}
.dropdown-item {
@apply relative flex cursor-pointer select-none dark:hover:text-white dark:hover:bg-coollabs items-center px-2 py-1.5 text-xs justify-center outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 gap-2
}
.badge {
@apply inline-block w-3 h-3 text-xs font-bold leading-none border border-black rounded-full;
}
.badge-success {
@apply bg-success;
}
.badge-warning {
@apply bg-warning;
}
.badge-error {
@apply bg-error;
}
[type='checkbox']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
.menu {
@apply flex items-center gap-1;
}
.menu-item {
@apply flex items-center w-full gap-2 px-4 py-1 min-w-48 hover:bg-coolgray-100 dark:hover:text-white;
}
.menu-item-active {
@apply rounded-none dark:bg-coolgray-200 dark:text-warning;
}
.icon {
@apply w-4 h-4;
}
.scrollbar {
@apply scrollbar-thumb-coollabs-100 scrollbar-track-coolgray-200 scrollbar-w-2;
}
@@ -27,12 +146,7 @@ button[isHighlighted] {
}
.custom-modal {
@apply flex flex-col gap-2 px-8 py-4 border bg-base-100 border-coolgray-200;
}
.label-text,
label {
@apply text-neutral-400;
@apply z-50 flex flex-col gap-2 px-8 py-4 border dark:bg-coolgray-100 dark:border-coolgray-200;
}
.navbar-main {
@@ -43,26 +157,6 @@ label {
@apply w-4 text-warning;
}
h1 {
@apply text-3xl font-bold text-white;
}
h2 {
@apply text-2xl font-bold text-white;
}
h3 {
@apply text-xl font-bold text-white;
}
h4 {
@apply text-base font-bold text-white;
}
a {
@apply text-neutral-400 hover:text-white link link-hover hover:bg-transparent;
}
.kbd-custom {
@apply px-2 text-xs border border-dashed rounded border-neutral-700 text-warning;
}
@@ -125,42 +219,13 @@ a {
@apply inline-block font-bold text-warning;
}
table {
@apply min-w-full divide-y divide-coolgray-200;
}
thead {
@apply uppercase;
}
tbody {
@apply divide-y divide-coolgray-200;
}
tr {
@apply text-neutral-400;
}
tr th {
@apply px-3 py-3.5 text-left text-white;
}
tr th:first-child {
@apply py-3.5 pl-4 pr-3 sm:pl-6;
}
tr td {
@apply px-3 py-4 whitespace-nowrap;
}
tr td:first-child {
@apply pl-4 pr-3 font-bold sm:pl-6;
}
.buyme {
@apply block px-3 py-2 mt-10 text-sm font-semibold leading-6 text-center text-white rounded-md shadow-sm bg-coolgray-200 hover:bg-coolgray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coolgray-200 hover:no-underline;
}
.title {
@apply hidden pb-0 lg:block lg:pb-8 ;
}
.subtitle {
@apply pt-2 pb-10;
}
@@ -169,13 +234,7 @@ tr td:first-child {
@apply fixed top-0 left-0 w-full h-full z-[9999] bg-coolgray-100 overflow-y-auto scrollbar pb-4;
}
input.input-sm {
@apply pr-10;
}
option{
@apply text-white;
}
.toast {
z-index: 1;
}