Finished enqueue site

2025-11-30 11:52:48 +01:00
parent 2cb06c5154
commit ad7c50a988
66 changed files with 457 additions and 60023 deletions
--- a/SpotiParty.Web/Components/Pages/EnqueuePage.razor.css
+++ b/SpotiParty.Web/Components/Pages/EnqueuePage.razor.css
@@ -0,0 +1,120 @@
+header {
+    text-align: center;
+    padding: 1rem;
+    background: var(--color-primary);
+    color: var(--color-text);
+}
+
+header h1 {
+    margin: 0;
+    font-size: 2rem;
+    
+    &:focus {
+        outline: none;
+    }
+}
+
+main {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    padding: 1.5rem;
+    flex-grow: 1;
+    min-height: 0;
+}
+
+.search-section {
+    display: flex;
+    gap: 0.5rem;
+}
+
+.search-section input {
+    padding: 0.5rem;
+    flex-grow: 1;
+    border-radius: 5px;
+    border: none;
+    
+    &:focus {
+        outline: none;
+    }
+}
+
+section, form {
+    width: 100%;
+    padding: 1rem;
+    border-radius: 10px;
+    background: var(--color-background-light);
+}
+
+.results-section {
+    flex: 1;
+    margin-inline: auto;
+    overflow-y: auto;
+}
+
+h2 {
+    border-bottom: 1px solid var(--color-accent);
+    padding-bottom: 0.5rem;
+    margin-top: 0;
+}
+
+footer {
+    margin-top: auto;
+    text-align: center;
+    padding: 0.5rem;
+    background: var(--color-primary);
+}
+
+.confirm-dialog {
+    border: none;
+    border-radius: 10px;
+    padding: 1.5rem;
+    background: var(--color-background);
+    color: var(--color-text);
+    width: 320px;
+    max-width: 90%;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.5);
+    
+    top: 50%;
+    translate: 0 -50%;
+}
+
+.confirm-dialog::backdrop {
+    background: rgba(0,0,0,0.6);
+}
+
+.confirm-dialog h3 {
+    margin-top: 0;
+    margin-bottom: 0.5rem;
+    font-size: 1.2rem;
+    border-bottom: 1px solid var(--color-accent);
+    padding-bottom: 0.5rem;
+}
+
+.confirm-dialog p {
+    margin: 1rem 0;
+}
+
+.dialog-buttons {
+    display: flex;
+    justify-content: flex-end;
+    gap: 0.5rem;
+}
+
+.dialog-buttons button:disabled {
+    background: var(--color-background-light) !important;
+}
+
+.button-secondary {
+    padding: 0.6rem 1rem;
+    border: none;
+    border-radius: 5px;
+    background: var(--color-accent);
+    color: var(--color-text);
+    cursor: pointer;
+}
+
+.button-secondary:hover {
+    background: #555555;
+}
+