thelivesmedia.com
Browse files- components/navbar.js +2 -2
- index.html +2 -2
- script.js +4 -4
- style.css +3 -4
components/navbar.js
CHANGED
|
@@ -4,8 +4,8 @@ class CustomNavbar extends HTMLElement {
|
|
| 4 |
this.shadowRoot.innerHTML = `
|
| 5 |
<style>
|
| 6 |
nav {
|
| 7 |
-
|
| 8 |
-
|
| 9 |
padding: 0.75rem 1.5rem;
|
| 10 |
display: flex;
|
| 11 |
justify-content: space-between;
|
|
|
|
| 4 |
this.shadowRoot.innerHTML = `
|
| 5 |
<style>
|
| 6 |
nav {
|
| 7 |
+
background: linear-gradient(135deg, rgba(231, 65, 65, 0.95) 0%, rgba(209, 31, 31, 0.95) 100%);
|
| 8 |
+
backdrop-filter: blur(10px);
|
| 9 |
padding: 0.75rem 1.5rem;
|
| 10 |
display: flex;
|
| 11 |
justify-content: space-between;
|
index.html
CHANGED
|
@@ -3,8 +3,8 @@
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
-
<title>
|
| 7 |
-
|
| 8 |
<script src="https://cdn.tailwindcss.com"></script>
|
| 9 |
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
| 10 |
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
|
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>The Lives Media | Dashboard</title>
|
| 7 |
+
<link rel="stylesheet" href="style.css">
|
| 8 |
<script src="https://cdn.tailwindcss.com"></script>
|
| 9 |
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
| 10 |
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
script.js
CHANGED
|
@@ -14,9 +14,9 @@ document.addEventListener('DOMContentLoaded', function() {
|
|
| 14 |
minWidth: 200.00,
|
| 15 |
scale: 1.00,
|
| 16 |
scaleMobile: 1.00,
|
| 17 |
-
color:
|
| 18 |
backgroundColor: 0xf9fafb,
|
| 19 |
-
|
| 20 |
maxDistance: 22.00,
|
| 21 |
spacing: 18.00
|
| 22 |
});
|
|
@@ -34,8 +34,8 @@ document.addEventListener('DOMContentLoaded', function() {
|
|
| 34 |
minWidth: 200.00,
|
| 35 |
scale: 1.00,
|
| 36 |
scaleMobile: 1.00,
|
| 37 |
-
color: isDark ?
|
| 38 |
-
|
| 39 |
points: 12.00,
|
| 40 |
maxDistance: 22.00,
|
| 41 |
spacing: 18.00
|
|
|
|
| 14 |
minWidth: 200.00,
|
| 15 |
scale: 1.00,
|
| 16 |
scaleMobile: 1.00,
|
| 17 |
+
color: 0xe74141,
|
| 18 |
backgroundColor: 0xf9fafb,
|
| 19 |
+
points: 12.00,
|
| 20 |
maxDistance: 22.00,
|
| 21 |
spacing: 18.00
|
| 22 |
});
|
|
|
|
| 34 |
minWidth: 200.00,
|
| 35 |
scale: 1.00,
|
| 36 |
scaleMobile: 1.00,
|
| 37 |
+
color: isDark ? 0xd11f1f : 0xe74141,
|
| 38 |
+
backgroundColor: isDark ? 0x111827 : 0xf9fafb,
|
| 39 |
points: 12.00,
|
| 40 |
maxDistance: 22.00,
|
| 41 |
spacing: 18.00
|
style.css
CHANGED
|
@@ -15,14 +15,13 @@ body {
|
|
| 15 |
::-webkit-scrollbar-track {
|
| 16 |
background: #f1f1f1;
|
| 17 |
}
|
| 18 |
-
|
| 19 |
::-webkit-scrollbar-thumb {
|
| 20 |
-
background: #
|
| 21 |
-
|
| 22 |
}
|
| 23 |
|
| 24 |
::-webkit-scrollbar-thumb:hover {
|
| 25 |
-
background: #
|
| 26 |
}
|
| 27 |
|
| 28 |
.dark ::-webkit-scrollbar-track {
|
|
|
|
| 15 |
::-webkit-scrollbar-track {
|
| 16 |
background: #f1f1f1;
|
| 17 |
}
|
|
|
|
| 18 |
::-webkit-scrollbar-thumb {
|
| 19 |
+
background: #e74141;
|
| 20 |
+
border-radius: 3px;
|
| 21 |
}
|
| 22 |
|
| 23 |
::-webkit-scrollbar-thumb:hover {
|
| 24 |
+
background: #b31e1e;
|
| 25 |
}
|
| 26 |
|
| 27 |
.dark ::-webkit-scrollbar-track {
|