Working login logup and logout + placeholder welcome message

This commit is contained in:
2024-05-10 14:29:34 +02:00
parent 56f09d6d49
commit ed64fc01d8
11 changed files with 250 additions and 121 deletions
+41 -35
View File
@@ -1,23 +1,10 @@
.my-indicator {
display: none;
}
.htmx-request .my-indicator {
display: inline;
}
.htmx-request.my-indicator {
display: inline;
}
svg text {
font-family: 'Russo One', sans-serif;
text-transform: uppercase;
fill: #000;
stroke: #000;
font-size: 240px;
body,
html {
height: 100%;
margin: 0;
}
/* Stuff for message boxes */
.message-content {
background-color: #303030;
border-radius: 5px;
@@ -28,6 +15,7 @@ svg text {
overflow-x: auto;
white-space: pre;
max-width: 662px;
position: relative;
}
#chat-messages .message-content pre code {
@@ -36,17 +24,23 @@ svg text {
white-space: inherit;
}
.copy-button {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
border: none;
border-radius: 5px;
padding: 5px 10px;
}
.content {
font-size: 14px;
line-height: 1.5;
color: #ffffff;
}
.content pre {
font-family: monospace;
background-color: #363636 !important;
border-radius: 3px;
}
/* Style for the overall chat container */
#chat-messages {
max-width: 780px;
@@ -55,23 +49,13 @@ svg text {
margin-bottom: 180px;
}
#chat-input-form {
max-width: 900px;
margin: auto;
width: 98%;
}
/* Primary color */
:root {
--bulma-body-background-color: #202020;
--bulma-primary: #126d0f;
}
body,
html {
height: 100%;
margin: 0;
}
/* Chat input stuff */
.chat-input-container {
display: flex;
flex-direction: column;
@@ -106,4 +90,26 @@ html {
display: flex;
align-items: center;
gap: 10px;
}
/* Indicator */
.my-indicator {
display: none;
}
.htmx-request .my-indicator {
display: inline;
}
.htmx-request.my-indicator {
display: inline;
}
/* Logo */
svg text {
font-family: 'Russo One', sans-serif;
text-transform: uppercase;
fill: #000;
stroke: #000;
font-size: 240px;
}