From 17ecba3e5129ad518235cf2eb6a830efc9829df7 Mon Sep 17 00:00:00 2001
From: Kacper Drupisz <kacper.drupisz@gmail.com>
Date: Tue, 27 Feb 2024 11:14:19 +0000
Subject: [PATCH] dashboard linked
---
myproject/myapp/static/src/output.css | 208 ++++-------------------
myproject/myapp/templates/_base.html | 2 +-
myproject/myapp/templates/user_page.html | 2 +-
myproject/myapp/urls.py | 2 +-
4 files changed, 36 insertions(+), 178 deletions(-)
diff --git a/myproject/myapp/static/src/output.css b/myproject/myapp/static/src/output.css
index e380ea8..1c6a6f1 100644
--- a/myproject/myapp/static/src/output.css
+++ b/myproject/myapp/static/src/output.css
@@ -1146,14 +1146,6 @@ input:checked + .toggle-bg {
margin-left: -0.25rem;
}
-.mb-0 {
- margin-bottom: 0px;
-}
-
-.mb-0\.5 {
- margin-bottom: 0.125rem;
-}
-
.mb-1 {
margin-bottom: 0.25rem;
}
@@ -1174,22 +1166,10 @@ input:checked + .toggle-bg {
margin-bottom: 1.25rem;
}
-.mb-6 {
- margin-bottom: 1.5rem;
-}
-
-.ml-1 {
- margin-left: 0.25rem;
-}
-
.mr-2 {
margin-right: 0.5rem;
}
-.mr-2\.5 {
- margin-right: 0.625rem;
-}
-
.mr-3 {
margin-right: 0.75rem;
}
@@ -1202,14 +1182,6 @@ input:checked + .toggle-bg {
margin-top: 1rem;
}
-.mt-6 {
- margin-top: 1.5rem;
-}
-
-.mt-1 {
- margin-top: 0.25rem;
-}
-
.block {
display: block;
}
@@ -1234,10 +1206,6 @@ input:checked + .toggle-bg {
display: table;
}
-.flow-root {
- display: flow-root;
-}
-
.grid {
display: grid;
}
@@ -1290,10 +1258,6 @@ input:checked + .toggle-bg {
width: 2.5rem;
}
-.w-11 {
- width: 2.75rem;
-}
-
.w-28 {
width: 7rem;
}
@@ -1306,10 +1270,6 @@ input:checked + .toggle-bg {
width: 1.25rem;
}
-.w-6 {
- width: 1.5rem;
-}
-
.w-64 {
width: 16rem;
}
@@ -1318,18 +1278,10 @@ input:checked + .toggle-bg {
width: 18rem;
}
-.w-auto {
- width: auto;
-}
-
.w-full {
width: 100%;
}
-.min-w-0 {
- min-width: 0px;
-}
-
.max-w-screen-xl {
max-width: 1280px;
}
@@ -1342,14 +1294,6 @@ input:checked + .toggle-bg {
flex-shrink: 1;
}
-.flex-shrink-0 {
- flex-shrink: 0;
-}
-
-.flex-grow {
- flex-grow: 1;
-}
-
.-translate-x-full {
--tw-translate-x: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1464,12 +1408,6 @@ input:checked + .toggle-bg {
gap: 1.5rem;
}
-.space-x-1 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse: 0;
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -1500,17 +1438,6 @@ input:checked + .toggle-bg {
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
-.divide-y > :not([hidden]) ~ :not([hidden]) {
- --tw-divide-y-reverse: 0;
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-}
-
-.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
- --tw-divide-opacity: 1;
- border-color: rgb(229 231 235 / var(--tw-divide-opacity));
-}
-
.self-center {
align-self: center;
}
@@ -1519,12 +1446,6 @@ input:checked + .toggle-bg {
overflow: hidden;
}
-.truncate {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
.whitespace-nowrap {
white-space: nowrap;
}
@@ -1602,6 +1523,11 @@ input:checked + .toggle-bg {
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
+.bg-blue-500 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(63 131 248 / var(--tw-bg-opacity));
+}
+
.bg-blue-700 {
--tw-bg-opacity: 1;
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
@@ -1631,6 +1557,11 @@ input:checked + .toggle-bg {
background-color: rgb(17 24 39 / 0.5);
}
+.bg-green-500 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(14 159 110 / var(--tw-bg-opacity));
+}
+
.bg-orange-300 {
--tw-bg-opacity: 1;
background-color: rgb(253 186 140 / var(--tw-bg-opacity));
@@ -1650,16 +1581,6 @@ input:checked + .toggle-bg {
background-color: rgb(255 255 255 / 0.5);
}
-.bg-blue-500 {
- --tw-bg-opacity: 1;
- background-color: rgb(63 131 248 / var(--tw-bg-opacity));
-}
-
-.bg-green-500 {
- --tw-bg-opacity: 1;
- background-color: rgb(14 159 110 / var(--tw-bg-opacity));
-}
-
.p-1 {
padding: 0.25rem;
}
@@ -1725,18 +1646,10 @@ input:checked + .toggle-bg {
padding-bottom: 1rem;
}
-.pb-6 {
- padding-bottom: 1.5rem;
-}
-
.pt-2 {
padding-top: 0.5rem;
}
-.pt-4 {
- padding-top: 1rem;
-}
-
.pt-6 {
padding-top: 1.5rem;
}
@@ -1816,10 +1729,6 @@ input:checked + .toggle-bg {
line-height: 2.25rem;
}
-.leading-none {
- line-height: 1;
-}
-
.leading-tight {
line-height: 1.25;
}
@@ -1829,14 +1738,14 @@ input:checked + .toggle-bg {
color: rgb(28 100 242 / var(--tw-text-opacity));
}
-.text-gray-300 {
+.text-blue-700 {
--tw-text-opacity: 1;
- color: rgb(209 213 219 / var(--tw-text-opacity));
+ color: rgb(26 86 219 / var(--tw-text-opacity));
}
-.text-gray-400 {
+.text-gray-300 {
--tw-text-opacity: 1;
- color: rgb(156 163 175 / var(--tw-text-opacity));
+ color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-500 {
@@ -1844,6 +1753,11 @@ input:checked + .toggle-bg {
color: rgb(107 114 128 / var(--tw-text-opacity));
}
+.text-gray-600 {
+ --tw-text-opacity: 1;
+ color: rgb(75 85 99 / var(--tw-text-opacity));
+}
+
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
@@ -1874,26 +1788,6 @@ input:checked + .toggle-bg {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
-.text-gray-100 {
- --tw-text-opacity: 1;
- color: rgb(243 244 246 / var(--tw-text-opacity));
-}
-
-.text-gray-200 {
- --tw-text-opacity: 1;
- color: rgb(229 231 235 / var(--tw-text-opacity));
-}
-
-.text-blue-700 {
- --tw-text-opacity: 1;
- color: rgb(26 86 219 / var(--tw-text-opacity));
-}
-
-.text-gray-600 {
- --tw-text-opacity: 1;
- color: rgb(75 85 99 / var(--tw-text-opacity));
-}
-
.opacity-0 {
opacity: 0;
}
@@ -1976,6 +1870,11 @@ input:checked + .toggle-bg {
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
+.hover\:bg-blue-600:hover {
+ --tw-bg-opacity: 1;
+ background-color: rgb(28 100 242 / var(--tw-bg-opacity));
+}
+
.hover\:bg-blue-800:hover {
--tw-bg-opacity: 1;
background-color: rgb(30 66 159 / var(--tw-bg-opacity));
@@ -1986,19 +1885,14 @@ input:checked + .toggle-bg {
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
-.hover\:bg-white:hover {
- --tw-bg-opacity: 1;
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-blue-600:hover {
+.hover\:bg-green-600:hover {
--tw-bg-opacity: 1;
- background-color: rgb(28 100 242 / var(--tw-bg-opacity));
+ background-color: rgb(5 122 85 / var(--tw-bg-opacity));
}
-.hover\:bg-green-600:hover {
+.hover\:bg-white:hover {
--tw-bg-opacity: 1;
- background-color: rgb(5 122 85 / var(--tw-bg-opacity));
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:text-blue-600:hover {
@@ -2066,11 +1960,6 @@ input:checked + .toggle-bg {
--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}
-:is(.dark .dark\:divide-gray-700) > :not([hidden]) ~ :not([hidden]) {
- --tw-divide-opacity: 1;
- border-color: rgb(55 65 81 / var(--tw-divide-opacity));
-}
-
:is(.dark .dark\:border-blue-500) {
--tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity));
@@ -2143,11 +2032,6 @@ input:checked + .toggle-bg {
color: rgb(156 163 175 / var(--tw-text-opacity));
}
-:is(.dark .dark\:text-gray-500) {
- --tw-text-opacity: 1;
- color: rgb(107 114 128 / var(--tw-text-opacity));
-}
-
:is(.dark .dark\:text-green-500) {
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@@ -2223,6 +2107,11 @@ input:checked + .toggle-bg {
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}
+:is(.dark .dark\:focus\:ring-blue-800:focus) {
+ --tw-ring-opacity: 1;
+ --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
+}
+
:is(.dark .dark\:focus\:ring-gray-600:focus) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
@@ -2233,11 +2122,6 @@ input:checked + .toggle-bg {
--tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
}
-:is(.dark .dark\:focus\:ring-blue-800:focus) {
- --tw-ring-opacity: 1;
- --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
-}
-
@media (min-width: 640px) {
.sm\:col-span-3 {
grid-column: span 3 / span 3;
@@ -2278,10 +2162,6 @@ input:checked + .toggle-bg {
}
@media (min-width: 768px) {
- .md\:ml-2 {
- margin-left: 0.5rem;
- }
-
.md\:mt-0 {
margin-top: 0px;
}
@@ -2310,12 +2190,6 @@ input:checked + .toggle-bg {
flex-direction: row;
}
- .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse: 0;
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
- }
-
.md\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2rem * var(--tw-space-x-reverse));
@@ -2390,10 +2264,6 @@ input:checked + .toggle-bg {
grid-column: auto;
}
- .xl\:mb-0 {
- margin-bottom: 0px;
- }
-
.xl\:mb-2 {
margin-bottom: 0.5rem;
}
@@ -2406,18 +2276,10 @@ input:checked + .toggle-bg {
display: block;
}
- .xl\:w-full {
- width: 100%;
- }
-
.xl\:max-w-4xl {
max-width: 56rem;
}
- .xl\:grid-cols-2 {
- grid-template-columns: repeat(2, minmax(0, 1fr));
- }
-
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@@ -2451,10 +2313,6 @@ input:checked + .toggle-bg {
display: flex;
}
- .\32xl\:w-auto {
- width: auto;
- }
-
.\32xl\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
diff --git a/myproject/myapp/templates/_base.html b/myproject/myapp/templates/_base.html
index 91303bc..ce00d7c 100644
--- a/myproject/myapp/templates/_base.html
+++ b/myproject/myapp/templates/_base.html
@@ -79,7 +79,7 @@
</li>
<li>
<a
- href="user"
+ href="{% url 'user' %}"
class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
>Dashboard</a
>
diff --git a/myproject/myapp/templates/user_page.html b/myproject/myapp/templates/user_page.html
index 31f3c75..2e621e8 100644
--- a/myproject/myapp/templates/user_page.html
+++ b/myproject/myapp/templates/user_page.html
@@ -3,7 +3,7 @@
class="grid grid-cols-1 px-4 pt-6 xl:grid-cols-3 xl:gap-4 dark:bg-grey-300"
>
<div class="mb-4 col-span-full xl:mb-2">
- <h1 class="text-xl font-semibold text-gray-300 sm:text-2xl dark:text-white">
+ <h1 class="text-xl font-semibold text-gray-800 sm:text-2xl dark:text-white">
User settings
</h1>
</div>
diff --git a/myproject/myapp/urls.py b/myproject/myapp/urls.py
index 0bfffe4..3edce4a 100644
--- a/myproject/myapp/urls.py
+++ b/myproject/myapp/urls.py
@@ -11,7 +11,7 @@ from .views import login
urlpatterns = [
# path('', index, name='index'), <- uncomment when index/main page will be ready
path('', index),
- path('user/',users),
+ path('user/',users, name='user'),
path('404/', handler404),
path('500/', handler500),
path('maintenance/', maintenance),
--
GitLab