Skip to content

Commit 8f5d5dc

Browse files
glennmichael123glennmichael123
committed
chore: wip
1 parent bb1c280 commit 8f5d5dc

File tree

9 files changed

+1184
-376
lines changed

9 files changed

+1184
-376
lines changed

‎.stacks/stacks/dashboard/src/pages/commands/index.vue

Lines changed: 73 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@
4242
<div class="mt-4 flex justify-end">
4343
<button
4444
type="button"
45-
class="rounded bg-indigo-600 px-2 py-1 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
45+
class="rounded bg-indigo-600 px-3 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
4646
>
4747
Submit
4848
</button>
@@ -60,7 +60,7 @@
6060
</div>
6161
<div class="mt-8 flow-root">
6262
<div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
63-
<div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
63+
<div class="inline-block table-responsive min-w-full py-2 align-middle sm:px-6 lg:px-8">
6464
<table class="min-w-full divide-y divide-gray-300">
6565
<thead>
6666
<tr>
@@ -121,11 +121,22 @@
121121
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
122122
Finished
123123
</td>
124-
<td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-0">
124+
<td class="whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-0">
125125
<a
126126
href="#"
127-
class="text-indigo-600 hover:text-indigo-900"
128-
>Edit<span class="sr-only">, Lindsay Walton</span></a>
127+
class="text-gray-400 text-left hover:text-gray-500 duration-150 ease-in-out transition"
128+
>
129+
<svg
130+
fill="currentColor"
131+
viewBox="0 0 20 20"
132+
xmlns="http://www.w3.org/2000/svg"
133+
aria-hidden="true"
134+
class="w-5 h-5"
135+
>
136+
<path d="M10 3a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM10 8.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM11.5 15.5a1.5 1.5 0 10-3 0 1.5 1.5 0 003 0z" />
137+
</svg>
138+
139+
</a>
129140
</td>
130141
</tr>
131142
<tr>
@@ -146,11 +157,57 @@
146157
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
147158
Finished
148159
</td>
149-
<td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-0">
160+
<td class=" whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-0">
150161
<a
151162
href="#"
152-
class="text-indigo-600 hover:text-indigo-900"
153-
>Edit<span class="sr-only">, Lindsay Walton</span></a>
163+
class="text-gray-400 text-left hover:text-gray-500 duration-150 ease-in-out transition"
164+
>
165+
<svg
166+
fill="currentColor"
167+
viewBox="0 0 20 20"
168+
xmlns="http://www.w3.org/2000/svg"
169+
aria-hidden="true"
170+
class="w-5 h-5"
171+
>
172+
<path d="M10 3a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM10 8.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM11.5 15.5a1.5 1.5 0 10-3 0 1.5 1.5 0 003 0z" />
173+
</svg>
174+
175+
<div
176+
class="absolute hidden dropdown-menu right-20 z-10 mt-2 w-48 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
177+
role="menu"
178+
aria-orientation="vertical"
179+
aria-labelledby="menu-button"
180+
tabindex="-1"
181+
>
182+
<div
183+
class="py-1"
184+
role="none"
185+
>
186+
<!-- Active: "bg-gray-100 text-gray-900", Not Active: "text-gray-700" -->
187+
<a
188+
id="menu-item-0"
189+
href="#"
190+
class="text-gray-700 block px-4 py-1.5 text-sm hover:bg-gray-100 text-xs"
191+
role="menuitem"
192+
tabindex="-1"
193+
>View</a>
194+
<a
195+
id="menu-item-1"
196+
href="#"
197+
class="text-gray-700 block px-4 py-1.5 text-sm hover:bg-gray-100 text-xs"
198+
role="menuitem"
199+
tabindex="-1"
200+
>Re-run</a>
201+
<a
202+
id="menu-item-2"
203+
href="#"
204+
class="text-gray-700 block px-4 py-1.5 text-sm hover:bg-gray-100 text-xs"
205+
role="menuitem"
206+
tabindex="-1"
207+
>Delete</a>
208+
</div>
209+
</div>
210+
</a>
154211
</td>
155212
</tr>
156213
</tbody>
@@ -166,4 +223,12 @@
166223
code {
167224
@apply rounded-lg !important
168225
}
226+
227+
.table-responsive {
228+
position: static !important;
229+
}
230+
231+
.table-responsive{
232+
overflow-y: visible !important;
233+
}
169234
</style>

‎.stacks/stacks/dashboard/src/pages/dependencies/index.vue

Lines changed: 56 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -93,13 +93,18 @@
9393
18.15.1
9494
</td>
9595
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
96-
Installed
96+
Pending
9797
</td>
9898
<td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-0">
9999
<a
100100
href="#"
101-
class="text-indigo-600 hover:text-indigo-900"
101+
class="text-indigo-600 font-normal text-xs hover:text-indigo-900 hover:underline"
102102
>Install</a>
103+
104+
<a
105+
href="#"
106+
class="text-indigo-600 font-normal text-xs hover:text-indigo-900 hover:underline pl-2"
107+
>Remove</a>
103108
</td>
104109
</tr>
105110
<tr>
@@ -112,11 +117,57 @@
112117
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
113118
Installed
114119
</td>
115-
<td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-0">
120+
<td class="relative whitespace-nowrap py-4 pl-3 pr-4 flex justify-end text-sm font-medium sm:pr-0">
116121
<a
117122
href="#"
118-
class="text-indigo-600 hover:text-indigo-900"
119-
>Install</a>
123+
class="text-gray-400 text-left hover:text-gray-500 duration-150 ease-in-out transition"
124+
>
125+
<svg
126+
fill="currentColor"
127+
viewBox="0 0 20 20"
128+
xmlns="http://www.w3.org/2000/svg"
129+
aria-hidden="true"
130+
class="w-5 h-5"
131+
>
132+
<path d="M10 3a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM10 8.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM11.5 15.5a1.5 1.5 0 10-3 0 1.5 1.5 0 003 0z" />
133+
</svg>
134+
135+
<div
136+
class="absolute hidden dropdown-menu right-20 z-10 mt-2 w-48 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
137+
role="menu"
138+
aria-orientation="vertical"
139+
aria-labelledby="menu-button"
140+
tabindex="-1"
141+
>
142+
<div
143+
class="py-1"
144+
role="none"
145+
>
146+
<!-- Active: "bg-gray-100 text-gray-900", Not Active: "text-gray-700" -->
147+
<a
148+
id="menu-item-0"
149+
href="#"
150+
class="text-gray-700 block px-4 py-1.5 text-sm hover:bg-gray-100 text-xs"
151+
role="menuitem"
152+
tabindex="-1"
153+
>View</a>
154+
<a
155+
id="menu-item-1"
156+
href="#"
157+
class="text-gray-700 block px-4 py-1.5 text-sm hover:bg-gray-100 text-xs"
158+
role="menuitem"
159+
tabindex="-1"
160+
>Re-run</a>
161+
<a
162+
id="menu-item-2"
163+
href="#"
164+
class="text-gray-700 block px-4 py-1.5 text-sm hover:bg-gray-100 text-xs"
165+
role="menuitem"
166+
tabindex="-1"
167+
>Delete</a>
168+
</div>
169+
</div>
170+
</a>
120171
</td>
121172
</tr>
122173
</tbody>

0 commit comments

Comments
 (0)