Skip to content

Commit 9d14927

Browse files
glennmichael123glennmichael123
committed
chore: wip
1 parent f6b90a1 commit 9d14927

File tree

29 files changed

+448
-809
lines changed

29 files changed

+448
-809
lines changed

‎.stacks/stacks/dashboard/src/components/MobileSidebar.vue

Lines changed: 2 additions & 231 deletions
Original file line numberDiff line numberDiff line change
@@ -44,20 +44,8 @@
4444
class="-m-2.5 p-2.5"
4545
>
4646
<span class="sr-only">Close sidebar</span>
47-
<svg
48-
class="h-6 w-6 text-white"
49-
fill="none"
50-
viewBox="0 0 24 24"
51-
stroke-width="1.5"
52-
stroke="currentColor"
53-
aria-hidden="true"
54-
>
55-
<path
56-
stroke-linecap="round"
57-
stroke-linejoin="round"
58-
d="M6 18L18 6M6 6l12 12"
59-
/>
60-
</svg>
47+
48+
<div class="i-heroicons-x-mark w-6 h-6 text-white" />
6149
</button>
6250
</div>
6351

@@ -70,223 +58,6 @@
7058
alt="Your Company"
7159
>
7260
</div>
73-
<nav class="flex flex-1 flex-col">
74-
<ul
75-
role="list"
76-
class="flex flex-1 flex-col gap-y-7"
77-
>
78-
<li>
79-
<ul
80-
role="list"
81-
class="-mx-2 space-y-1"
82-
>
83-
<li>
84-
<!-- Current: "bg-gray-50 text-blue-600", Default: "text-gray-700 hover:text-blue-600 hover:bg-gray-50" -->
85-
<a
86-
href="#"
87-
class="bg-gray-50 text-blue-600 group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold"
88-
>
89-
<svg
90-
class="h-6 w-6 shrink-0 text-blue-600"
91-
fill="none"
92-
viewBox="0 0 24 24"
93-
stroke-width="1.5"
94-
stroke="currentColor"
95-
aria-hidden="true"
96-
>
97-
<path
98-
stroke-linecap="round"
99-
stroke-linejoin="round"
100-
d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
101-
/>
102-
</svg>
103-
Dashboard
104-
</a>
105-
</li>
106-
<li>
107-
<a
108-
href="#"
109-
class="text-gray-700 hover:text-blue-600 hover:bg-gray-50 group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold"
110-
>
111-
<svg
112-
class="h-6 w-6 shrink-0 text-gray-400 group-hover:text-blue-600"
113-
fill="none"
114-
viewBox="0 0 24 24"
115-
stroke-width="1.5"
116-
stroke="currentColor"
117-
aria-hidden="true"
118-
>
119-
<path
120-
stroke-linecap="round"
121-
stroke-linejoin="round"
122-
d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z"
123-
/>
124-
</svg>
125-
Team
126-
</a>
127-
</li>
128-
<li>
129-
<a
130-
href="#"
131-
class="text-gray-700 hover:text-blue-600 hover:bg-gray-50 group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold"
132-
>
133-
<svg
134-
class="h-6 w-6 shrink-0 text-gray-400 group-hover:text-blue-600"
135-
fill="none"
136-
viewBox="0 0 24 24"
137-
stroke-width="1.5"
138-
stroke="currentColor"
139-
aria-hidden="true"
140-
>
141-
<path
142-
stroke-linecap="round"
143-
stroke-linejoin="round"
144-
d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z"
145-
/>
146-
</svg>
147-
Projects
148-
</a>
149-
</li>
150-
<li>
151-
<a
152-
href="#"
153-
class="text-gray-700 hover:text-blue-600 hover:bg-gray-50 group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold"
154-
>
155-
<svg
156-
class="h-6 w-6 shrink-0 text-gray-400 group-hover:text-blue-600"
157-
fill="none"
158-
viewBox="0 0 24 24"
159-
stroke-width="1.5"
160-
stroke="currentColor"
161-
aria-hidden="true"
162-
>
163-
<path
164-
stroke-linecap="round"
165-
stroke-linejoin="round"
166-
d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5"
167-
/>
168-
</svg>
169-
Calendar
170-
</a>
171-
</li>
172-
<li>
173-
<a
174-
href="#"
175-
class="text-gray-700 hover:text-blue-600 hover:bg-gray-50 group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold"
176-
>
177-
<svg
178-
class="h-6 w-6 shrink-0 text-gray-400 group-hover:text-blue-600"
179-
fill="none"
180-
viewBox="0 0 24 24"
181-
stroke-width="1.5"
182-
stroke="currentColor"
183-
aria-hidden="true"
184-
>
185-
<path
186-
stroke-linecap="round"
187-
stroke-linejoin="round"
188-
d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 01-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 011.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 00-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 01-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 00-3.375-3.375h-1.5a1.125 1.125 0 01-1.125-1.125v-1.5a3.375 3.375 0 00-3.375-3.375H9.75"
189-
/>
190-
</svg>
191-
Documents
192-
</a>
193-
</li>
194-
<li>
195-
<a
196-
href="#"
197-
class="text-gray-700 hover:text-blue-600 hover:bg-gray-50 group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold"
198-
>
199-
<svg
200-
class="h-6 w-6 shrink-0 text-gray-400 group-hover:text-blue-600"
201-
fill="none"
202-
viewBox="0 0 24 24"
203-
stroke-width="1.5"
204-
stroke="currentColor"
205-
aria-hidden="true"
206-
>
207-
<path
208-
stroke-linecap="round"
209-
stroke-linejoin="round"
210-
d="M10.5 6a7.5 7.5 0 107.5 7.5h-7.5V6z"
211-
/>
212-
<path
213-
stroke-linecap="round"
214-
stroke-linejoin="round"
215-
d="M13.5 10.5H21A7.5 7.5 0 0013.5 3v7.5z"
216-
/>
217-
</svg>
218-
Reports
219-
</a>
220-
</li>
221-
</ul>
222-
</li>
223-
<li>
224-
<div class="text-xs font-semibold leading-6 text-gray-400">
225-
Your teams
226-
</div>
227-
<ul
228-
role="list"
229-
class="-mx-2 mt-2 space-y-1"
230-
>
231-
<li>
232-
<!-- Current: "bg-gray-50 text-blue-600", Default: "text-gray-700 hover:text-blue-600 hover:bg-gray-50" -->
233-
<a
234-
href="#"
235-
class="text-gray-700 hover:text-blue-600 hover:bg-gray-50 group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold"
236-
>
237-
<span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-lg border text-[0.625rem] font-medium bg-white text-gray-400 border-gray-200 dark:border-gray-600 group-hover:border-blue-600 group-hover:text-blue-600">H</span>
238-
<span class="truncate">Heroicons</span>
239-
</a>
240-
</li>
241-
<li>
242-
<a
243-
href="#"
244-
class="text-gray-700 hover:text-blue-600 hover:bg-gray-50 group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold"
245-
>
246-
<span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-lg border text-[0.625rem] font-medium bg-white text-gray-400 border-gray-200 dark:border-gray-600 group-hover:border-blue-600 group-hover:text-blue-600">T</span>
247-
<span class="truncate">Tailwind Labs</span>
248-
</a>
249-
</li>
250-
<li>
251-
<a
252-
href="#"
253-
class="text-gray-700 hover:text-blue-600 hover:bg-gray-50 group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold"
254-
>
255-
<span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-lg border text-[0.625rem] font-medium bg-white text-gray-400 border-gray-200 dark:border-gray-600 group-hover:border-blue-600 group-hover:text-blue-600">W</span>
256-
<span class="truncate">Workcation</span>
257-
</a>
258-
</li>
259-
</ul>
260-
</li>
261-
<li class="mt-auto">
262-
<a
263-
href="#"
264-
class="group -mx-2 flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 hover:bg-gray-50 hover:text-blue-600"
265-
>
266-
<svg
267-
class="h-6 w-6 shrink-0 text-gray-400 group-hover:text-blue-600"
268-
fill="none"
269-
viewBox="0 0 24 24"
270-
stroke-width="1.5"
271-
stroke="currentColor"
272-
aria-hidden="true"
273-
>
274-
<path
275-
stroke-linecap="round"
276-
stroke-linejoin="round"
277-
d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z"
278-
/>
279-
<path
280-
stroke-linecap="round"
281-
stroke-linejoin="round"
282-
d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
283-
/>
284-
</svg>
285-
Settings
286-
</a>
287-
</li>
288-
</ul>
289-
</nav>
29061
</div>
29162
</div>
29263
</div>

‎.stacks/stacks/dashboard/src/components/Modals/ModalWrapper.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@ onUnmounted(() => {
5959
<div class="absolute top-0 right-0 pt-4 pr-4">
6060
<button
6161
type="button"
62-
class="text-gray-400 transition duration-150 ease-in-out hover:text-gray-500 focus:outline-none focus:text-gray-500"
62+
class="text-gray-400 transition duration-150 ease-in-out hover:text-blue-gray-500 focus:outline-none focus:text-gray-500"
6363
aria-label="Close"
6464
@click="emit('closeModal')"
6565
>

‎.stacks/stacks/dashboard/src/components/Navbar.vue

Lines changed: 11 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -29,20 +29,8 @@ watch(theme, (currentVal) => {
2929
class="-m-2.5 p-2.5 text-gray-700 lg:hidden"
3030
>
3131
<span class="sr-only">Open sidebar</span>
32-
<svg
33-
class="h-6 w-6"
34-
fill="none"
35-
viewBox="0 0 24 24"
36-
stroke-width="1.5"
37-
stroke="currentColor"
38-
aria-hidden="true"
39-
>
40-
<path
41-
stroke-linecap="round"
42-
stroke-linejoin="round"
43-
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
44-
/>
45-
</svg>
32+
33+
<div class="i-heroicons-bars-3 h-6 w-6" />
4634
</button>
4735

4836
<!-- Separator -->
@@ -61,18 +49,8 @@ watch(theme, (currentVal) => {
6149
for="search-field"
6250
class="sr-only"
6351
>Search</label>
64-
<svg
65-
class="pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400"
66-
viewBox="0 0 20 20"
67-
fill="currentColor"
68-
aria-hidden="true"
69-
>
70-
<path
71-
fill-rule="evenodd"
72-
d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z"
73-
clip-rule="evenodd"
74-
/>
75-
</svg>
52+
53+
<div class="i-heroicons-magnifying-glass pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400" />
7654
<input
7755
id="search-field"
7856
class="block h-full w-full border-none dark:bg-gray-900 py-0 pl-8 pr-0 dark:text-gray-100 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm"
@@ -84,14 +62,14 @@ watch(theme, (currentVal) => {
8462
<div class="flex items-center gap-x-4 lg:gap-x-6">
8563
<button
8664
type="button"
87-
class="-m-2.5 p-2.5 text-gray-400 hover:text-gray-500"
65+
class="-m-2.5 p-2.5 text-gray-400 hover:text-blue-gray-500"
8866
>
8967
<span class="sr-only">View Documentation</span>
9068
<div class="i-heroicons-document-text w-6 h-6" />
9169
</button>
9270
<button
9371
type="button"
94-
class="-m-2.5 p-2.5 text-gray-400 hover:text-gray-500"
72+
class="-m-2.5 p-2.5 text-gray-400 hover:text-blue-gray-500"
9573
>
9674
<span class="sr-only">View notifications</span>
9775
<div class="i-heroicons-bell w-6 h-6" />
@@ -146,7 +124,7 @@ watch(theme, (currentVal) => {
146124
<a
147125
id="user-menu-item-0"
148126
href="#"
149-
class="block px-3 py-1 text-sm leading-6 text-gray-500 dark-hover:bg-gray-600 hover:bg-blue-50 hover:text-blue-600 dark:text-gray-300"
127+
class="block px-3 py-1 text-sm leading-6 text-gray-500 dark-hover:bg-gray-600 hover:bg-blue-gray-50 hover:text-blue-gray-600 dark:text-gray-300"
150128
role="menuitem"
151129
tabindex="-1"
152130
>
@@ -161,7 +139,7 @@ watch(theme, (currentVal) => {
161139
<a
162140
id="user-menu-item-0"
163141
href="#"
164-
class="block px-3 py-1 text-sm leading-6 text-gray-500 dark-hover:bg-gray-600 hover:bg-blue-50 hover:text-blue-600 dark:text-gray-300"
142+
class="block px-3 py-1 text-sm leading-6 text-gray-500 dark-hover:bg-gray-600 hover:bg-blue-gray-50 hover:text-blue-gray-600 dark:text-gray-300"
165143
role="menuitem"
166144
tabindex="-1"
167145
>
@@ -170,15 +148,15 @@ watch(theme, (currentVal) => {
170148
<a
171149
id="user-menu-item-0"
172150
href="#"
173-
class="block px-3 py-1 text-sm leading-6 text-gray-500 dark-hover:bg-gray-600 hover:bg-blue-50 hover:text-blue-600 dark:text-gray-300"
151+
class="block px-3 py-1 text-sm leading-6 text-gray-500 dark-hover:bg-gray-600 hover:bg-blue-gray-50 hover:text-blue-gray-600 dark:text-gray-300"
174152
role="menuitem"
175153
tabindex="-1"
176154
>Settings</a>
177155
<hr>
178156
<a
179157
id="user-menu-item-0"
180158
href="#"
181-
class="flex px-3 py-2 text-sm leading-6 text-gray-500 dark-hover:bg-gray-600 hover:bg-blue-50 hover:text-blue-600"
159+
class="flex px-3 py-2 text-sm leading-6 text-gray-500 dark-hover:bg-gray-600 hover:bg-blue-gray-50 hover:text-blue-gray-600"
182160
role="menuitem"
183161
tabindex="-1"
184162
>
@@ -202,7 +180,7 @@ watch(theme, (currentVal) => {
202180
<a
203181
id="user-menu-item-1"
204182
href="#"
205-
class="block px-3 py-1 text-sm leading-6 text-gray-500 dark-hover:bg-gray-600 hover:bg-blue-50 hover:text-blue-600 dark:text-gray-300"
183+
class="block px-3 py-1 text-sm leading-6 text-gray-500 dark-hover:bg-gray-600 hover:bg-blue-gray-50 hover:text-blue-gray-600 dark:text-gray-300"
206184
role="menuitem"
207185
tabindex="-1"
208186
>Log out</a>

0 commit comments

Comments
 (0)