ramforth/MultiChatOverlay
3
2
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

Small corrections

Browse Source
This commit is contained in:
ramforth
2025-11-17 12:46:24 +01:00
parent 9d95e1fd3c
commit 67c0d0124b
3 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
TASKS.md
View File

@@ -21,6 +21,8 @@ If you want to use emojis for visibility, here's some I have used:
### To Do ### To Do
### In Progress ### In Progress
* `[🧑‍🔧]` **2.0: CSS Refactor & Styling:** Improve the general look and feel of the application pages.
* `[🧑‍🔧]` **2.1: Dashboard UI:** Create `dashboard.html` (only for logged-in users).
### Done ### Done
* `[✔️]` **1.0: Project Skeleton** - @ramforth * `[✔️]` **1.0: Project Skeleton** - @ramforth
@@ -38,8 +40,8 @@ If you want to use emojis for visibility, here's some I have used:
* **Goal:** Allow logged-in users to see a dashboard, get their overlay URL, and save settings. Now that Phase 1 is done, these tasks are ready to be worked on. * **Goal:** Allow logged-in users to see a dashboard, get their overlay URL, and save settings. Now that Phase 1 is done, these tasks are ready to be worked on.
### To Do ### To Do
* `[ ]` **2.0: CSS Refactor & Styling:** Improve the general look and feel of the application pages.
* `[ ]` **2.1: Dashboard UI:** Create `dashboard.html` (only for logged-in users). * `[ ]` **2.4: Create Logo and Favicon:** The project should have a logo and a favicon. Someone with designing skills could look at this
* `[ ]` **2.2: Config API:** Create API endpoints (`GET`, `POST`) for `/api/settings` to save/load user preferences (e.g., custom CSS). * `[ ]` **2.2: Config API:** Create API endpoints (`GET`, `POST`) for `/api/settings` to save/load user preferences (e.g., custom CSS).
* `[ ]` **2.3: Overlay URL:** Generate and display the unique overlay URL for the user (e.g., `/overlay/{user_id}`). * `[ ]` **2.3: Overlay URL:** Generate and display the unique overlay URL for the user (e.g., `/overlay/{user_id}`).

0
main.css Normal file
View File

20
templates/main.css → static/css/main.css
View File

@@ -1,8 +1,7 @@
/* /*
* Dark and Purple Theme * Dark and Purple Theme
* Includes a modern CSS reset for cross-browser consistency. * Includes a modern CSS reset for cross-browser consistency.
*/ */
/* Box-sizing reset */ /* Box-sizing reset */
*, *,
*::before, *::before,
@@ -25,7 +24,7 @@ dl,
dd { dd {
margin: 0; margin: 0;
} }
/* Basic body styling */ /* Basic body styling */
body { body {
min-height: 100vh; min-height: 100vh;
@@ -33,8 +32,10 @@ body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol"; "Segoe UI Symbol";
background-color: #1a1a2e; /* Dark blue/purple background */ background-color: #1a1a2e;
color: #e0e0e0; /* Light text color for contrast */ /* Dark blue/purple background */
color: #e0e0e0;
/* Light text color for contrast */
display: grid; display: grid;
place-items: center; place-items: center;
} }
@@ -57,7 +58,8 @@ picture {
max-width: 400px; max-width: 400px;
margin: 0 auto; margin: 0 auto;
padding: 2.5rem; padding: 2.5rem;
background-color: #16213e; /* Slightly lighter dark blue */ background-color: #16213e;
/* Slightly lighter dark blue */
border-radius: 12px; border-radius: 12px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
text-align: center; text-align: center;
@@ -100,7 +102,8 @@ picture {
padding: 0.75rem; padding: 0.75rem;
border: none; border: none;
border-radius: 6px; border-radius: 6px;
background-color: #7f5af0; /* Bright purple accent */ background-color: #7f5af0;
/* Bright purple accent */
color: #ffffff; color: #ffffff;
font-size: 1.1rem; font-size: 1.1rem;
font-weight: bold; font-weight: bold;
@@ -109,7 +112,8 @@ picture {
} }
.btn-primary:hover { .btn-primary:hover {
background-color: #6a48d7; /* Darker purple on hover */ background-color: #6a48d7;
/* Darker purple on hover */
} }
.login-footer { .login-footer {