judas/judas_server
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

style(style.css): format w/ prettier

Browse Source
This commit is contained in:
Artur Borecki
2025-08-26 19:38:31 +02:00
parent e6cc1d901e
commit 3bcffaafab
1 changed files with 108 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

202
src/judas_server/web/static/css/style.css
View File

@@ -1,70 +1,69 @@
@import "palette.css"; @import "palette.css";
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
background-color: var(--ctp-base); background-color: var(--ctp-base);
font-family: monospace, sans-serif !important; font-family: monospace, sans-serif !important;
color: var(--ctp-text); color: var(--ctp-text);
} }
input { input {
font-family: inherit; font-family: inherit;
color: #eceff4; color: #eceff4;
background-color: var(--ctp-crust); background-color: var(--ctp-crust);
border: none; border: none;
border-radius: 0.25rem; border-radius: 0.25rem;
padding: 0.25rem; padding: 0.25rem;
} }
a { a {
color: var(--ctp-blue); color: var(--ctp-blue);
text-decoration: none; text-decoration: none;
} }
#wrapper { #wrapper {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
} }
header { header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
background-color: var(--ctp-mantle); background-color: var(--ctp-mantle);
/* color: var(--ctp-text); */ /* color: var(--ctp-text); */
padding: 1rem; padding: 1rem;
} }
main { main {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1rem;
padding: 1rem; padding: 1rem;
/* background-color: var(--ctp-base); */ /* background-color: var(--ctp-base); */
flex-grow: 1; flex-grow: 1;
text-align: center;
} }
header a { header a {
text-decoration: none; text-decoration: none;
/* color: var(--nord-fg0); */ /* color: var(--nord-fg0); */
} }
.button { .button {
display: inline-block; display: inline-block;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
background-color: var(--ctp-lavender); background-color: var(--ctp-lavender);
color: var(--ctp-base); color: var(--ctp-base);
border: none; border: none;
border-radius: 0.25rem; border-radius: 0.25rem;
text-decoration: none; text-decoration: none;
transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;
} }
/* .button a:hover { */ /* .button a:hover { */
@@ -73,116 +72,131 @@ header a {
/* } */ /* } */
.button:hover { .button:hover {
background-color: var(--ctp-mauve); background-color: var(--ctp-mauve);
cursor: pointer; cursor: pointer;
} }
.center { .center {
text-align: center; text-align: center;
} }
.error-container { .error-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin: 1rem; margin: 1rem;
padding: 1rem; padding: 1rem;
background-color: var(--ctp-surface0); background-color: var(--ctp-surface0);
color: var(--ctp-red); color: var(--ctp-red);
border: 6px solid var(--ctp-red); border: 6px solid var(--ctp-red);
border-radius: 24px; border-radius: 24px;
} }
.center-table { .center-table {
margin: 0 auto; margin: 0 auto;
width: 100%; width: 100%;
} }
.select-table { .select-table {
border-collapse: collapse; border-collapse: collapse;
border: 2px solid var(--ctp-surface0); border: 2px solid var(--ctp-surface0);
} }
.select-table thead { .select-table thead {
position: sticky; position: sticky;
top: -1px; top: -1px;
z-index: 2; z-index: 2;
} }
.select-table th, .select-table td { .select-table th,
padding: 0.5rem; .select-table td {
text-align: center; padding: 0.5rem;
border: 1px solid var(--ctp-surface0); text-align: center;
border-collapse: collapse; border: 1px solid var(--ctp-surface0);
border-collapse: collapse;
} }
.select-table th { .select-table th {
background-color: var(--ctp-surface1); background-color: var(--ctp-surface1);
color: var(--nord-fg0); color: var(--nord-fg0);
} }
.select-table a { .select-table a {
display: block; display: block;
/* color: var(--nord-acc0); */ /* color: var(--nord-acc0); */
text-decoration: none; text-decoration: none;
transition: 0.1s ease-in-out; transition: 0.1s ease-in-out;
} }
.select-table tr { .select-table tr {
transition: 0.1s ease-in-out; transition: 0.1s ease-in-out;
} }
.select-table tr:hover { .select-table tr:hover {
background-color: var(--ctp-surface0); background-color: var(--ctp-surface0);
} }
.select-table tr:hover a { .select-table tr:hover a {
color: var(--ctp-base); color: var(--ctp-base);
} }
.red-bg { .red-bg {
background-color: var(--ctp-red); background-color: var(--ctp-red);
} }
.yellow-bg { .yellow-bg {
background-color: var(--ctp-yellow); background-color: var(--ctp-yellow);
} }
.green-bg { .green-bg {
background-color: var(--ctp-green); background-color: var(--ctp-green);
} }
.button-container { .button-container {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
gap: 1rem; gap: 1rem;
} }
.link { .link {
transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;
} }
.link:hover { .link:hover {
color: var(--ctp-blue); color: var(--ctp-blue);
} }
.details-table tr td:first-child { .details-table tr td:first-child {
font-weight: 900; font-weight: 900;
background-color: var(--ctp-surface0); background-color: var(--ctp-surface0);
white-space: nowrap; white-space: nowrap;
width: 1%; width: 1%;
} }
.details-table { .details-table {
border-collapse: collapse; border-collapse: collapse;
border: 2px solid var(--ctp-surface1); border: 2px solid var(--ctp-surface1);
} }
.details-table th, .details-table td { .details-table th,
padding: 0.5rem; .details-table td {
text-align: left; padding: 0.5rem;
border: 1px solid var(--ctp-text); text-align: left;
border-collapse: collapse; border: 1px solid var(--ctp-text);
border-collapse: collapse;
}
#notify {
display: none;
position: fixed;
top: 3rem;
right: 50%;
transform: translateX(50%);
background-color: var(--ctp-surface1);
padding: 1rem 2rem;
border: 4px solid var(--ctp-text);
border-radius: 1rem;
opacity: 0.8;
} }