Added back the css templates and added logout button

This commit is contained in:
2025-11-17 13:03:25 +01:00
parent 883439e66f
commit 5ff361b97c
4 changed files with 90 additions and 0 deletions

View File

@@ -128,4 +128,35 @@ picture {
.login-footer a:hover {
text-decoration: underline;
}
/* Header Styles */
.main-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
width: 100%;
margin-bottom: 2rem;
}
.header-actions {
display: flex;
align-items: center;
gap: 1rem;
}
.logout-btn {
display: inline-block;
padding: 0.5rem 1rem;
background-color: #7f5af0; /* Same as .btn-primary */
color: #ffffff;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background-color 0.2s ease;
}
.logout-btn:hover {
background-color: #6a48d7; /* Same as .btn-primary:hover */
}

View File

@@ -0,0 +1,28 @@
body {
background-color: transparent;
color: #f0f0f0;
font-family: 'Inter', sans-serif;
font-size: 16px;
margin: 0;
padding: 10px;
overflow: hidden;
text-shadow: 0 0 5px rgba(57, 255, 20, 0.5);
}
.chat-container {
display: flex;
flex-direction: column;
gap: 8px;
}
.chat-message {
padding: 6px 10px;
background-color: rgba(10, 30, 10, 0.6);
border-radius: 6px;
border-left: 3px solid #39FF14; /* Neon green accent */
}
.username {
font-weight: 800;
color: #39FF14; /* Neon green */
}

View File

@@ -0,0 +1,28 @@
body {
background-color: transparent;
color: #e0e0e0;
font-family: 'Inter', sans-serif;
font-size: 16px;
margin: 0;
padding: 10px;
overflow: hidden;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
.chat-container {
display: flex;
flex-direction: column;
gap: 8px;
}
.chat-message {
padding: 6px 10px;
background-color: rgba(26, 26, 46, 0.7); /* Dark blue/purple transparent background */
border-radius: 6px;
border: 1px solid rgba(127, 90, 240, 0.3);
}
.username {
font-weight: 800;
color: #a970ff; /* Twitch-like purple */
}