thePR0M3TH3AN/bitvid
1
0
Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2025-09-08 23:18:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Keep Creating Online
2025-01-29 22:07:41 -05:00
parent f47212ebb2
commit 1990020942
3 changed files with 36 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/css/style.css
View File

@@ -267,25 +267,19 @@ button:not(.icon-button):focus {
} }
/* Notifications */ /* Notifications */
/* Base styling without a forced display */
#errorContainer, #errorContainer,
#successContainer { #successContainer {
border-radius: 0.5rem; border-radius: 0.5rem;
padding: 1rem; padding: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
align-items: center; /* Keep the rest of your styling */
}
/* When not hidden, display as flex */
#errorContainer:not(.hidden),
#successContainer:not(.hidden) {
display: flex; display: flex;
align-items: center;
}
#errorContainer {
background-color: rgb(220 38 38 / 0.1);
color: #fecaca;
border: 1px solid rgb(220 38 38 / 0.2);
}
#successContainer {
background-color: rgb(34 197 94 / 0.1);
color: #bbf7d0;
border: 1px solid rgb(34 197 94 / 0.2);
} }
/* Responsive Design */ /* Responsive Design */

6
src/index.html
View File

@@ -91,12 +91,10 @@
</div> </div>
</header> </header>
<!-- (Removed old loginSection) -->
<!-- Error Container --> <!-- Error Container -->
<div <div
id="errorContainer" id="errorContainer"
class="hidden bg-red-100 text-red-800 p-4 rounded-md mb-4" class="hidden bg-red-100 text-red-900 p-4 rounded-md mb-4"
> >
<!-- Error messages will appear here --> <!-- Error messages will appear here -->
</div> </div>
@@ -104,7 +102,7 @@
<!-- Success Container --> <!-- Success Container -->
<div <div
id="successContainer" id="successContainer"
class="hidden bg-green-100 text-green-800 p-4 rounded-md mb-4" class="hidden bg-green-100 text-green-900 p-4 rounded-md mb-4"
> >
<!-- Success messages will appear here --> <!-- Success messages will appear here -->
</div> </div>

47
src/js/app.js
View File

@@ -1336,31 +1336,38 @@ class bitvidApp {
} }
showError(msg) { showError(msg) {
console.error(msg); if (!msg) {
if (this.errorContainer) { // Remove any content, then hide
this.errorContainer.textContent = msg; this.errorContainer.textContent = "";
this.errorContainer.classList.remove("hidden"); this.errorContainer.classList.add("hidden");
setTimeout(() => { return;
this.errorContainer.classList.add("hidden");
this.errorContainer.textContent = "";
}, 5000);
} else {
alert(msg);
} }
// If there's a message, show it
this.errorContainer.textContent = msg;
this.errorContainer.classList.remove("hidden");
// Optional auto-hide after 5 seconds
setTimeout(() => {
this.errorContainer.textContent = "";
this.errorContainer.classList.add("hidden");
}, 5000);
} }
showSuccess(msg) { showSuccess(msg) {
console.log(msg); if (!msg) {
if (this.successContainer) { this.successContainer.textContent = "";
this.successContainer.textContent = msg; this.successContainer.classList.add("hidden");
this.successContainer.classList.remove("hidden"); return;
setTimeout(() => {
this.successContainer.classList.add("hidden");
this.successContainer.textContent = "";
}, 5000);
} else {
alert(msg);
} }
this.successContainer.textContent = msg;
this.successContainer.classList.remove("hidden");
setTimeout(() => {
this.successContainer.textContent = "";
this.successContainer.classList.add("hidden");
}, 5000);
} }
log(msg) { log(msg) {