Skip to content

Commit 9bd3313

Browse files
author
nejc
committed
fix: improve Quick Actions sidebar layout and text visibility
1 parent e03fab0 commit 9bd3313

File tree

1 file changed

+32
-71
lines changed

1 file changed

+32
-71
lines changed

‎resources/views/admin/dashboard.blade.php‎

Lines changed: 32 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -107,88 +107,49 @@
107107
<div class="px-4 py-5 sm:p-6">
108108
<h3 class="text-lg leading-6 font-medium text-gray-900 mb-4">Quick Actions</h3>
109109
<div class="space-y-3">
110-
<a href="{{ route('version-manager.versions.create') }}" class="relative group bg-white p-4 focus-within:ring-2 focus-within:ring-inset focus-within:ring-blue-500 rounded-lg border border-gray-200 hover:border-gray-300 transition-all duration-200 hover:shadow-md">
111-
<div>
112-
<span class="rounded-lg inline-flex p-3 bg-blue-50 text-blue-700 ring-4 ring-white">
113-
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
114-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
115-
</svg>
116-
</span>
117-
</div>
118-
<div class="mt-4">
119-
<h3 class="text-lg font-medium text-gray-900">
120-
Create New Version
121-
</h3>
122-
<p class="mt-2 text-sm text-gray-500">Add a new platform version with release notes</p>
123-
</div>
124-
<span class="pointer-events-none absolute top-4 right-4 text-gray-300 group-hover:text-gray-400" aria-hidden="true">
125-
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
126-
<path d="M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z" />
110+
<a href="{{ route('version-manager.versions.create') }}" class="group bg-white p-4 focus-within:ring-2 focus-within:ring-inset focus-within:ring-blue-500 rounded-lg border border-gray-200 hover:border-gray-300 transition-all duration-200 hover:shadow-md flex items-start space-x-4">
111+
<span class="rounded-lg inline-flex p-3 bg-blue-50 text-blue-700 ring-4 ring-white flex-shrink-0">
112+
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
113+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
127114
</svg>
128115
</span>
116+
<span>
117+
<span class="block text-lg font-medium text-gray-900">Create New Version</span>
118+
<span class="block mt-1 text-sm text-gray-500">Add a new platform version with release notes</span>
119+
</span>
129120
</a>
130-
131-
<a href="{{ route('version-manager.versions.index') }}" class="relative group bg-white p-4 focus-within:ring-2 focus-within:ring-inset focus-within:ring-blue-500 rounded-lg border border-gray-200 hover:border-gray-300 transition-all duration-200 hover:shadow-md">
132-
<div>
133-
<span class="rounded-lg inline-flex p-3 bg-green-50 text-green-700 ring-4 ring-white">
134-
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
135-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
136-
</svg>
137-
</span>
138-
</div>
139-
<div class="mt-4">
140-
<h3 class="text-lg font-medium text-gray-900">
141-
Manage Versions
142-
</h3>
143-
<p class="mt-2 text-sm text-gray-500">View and edit all platform versions</p>
144-
</div>
145-
<span class="pointer-events-none absolute top-4 right-4 text-gray-300 group-hover:text-gray-400" aria-hidden="true">
146-
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
147-
<path d="M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z" />
121+
<a href="{{ route('version-manager.versions.index') }}" class="group bg-white p-4 focus-within:ring-2 focus-within:ring-inset focus-within:ring-blue-500 rounded-lg border border-gray-200 hover:border-gray-300 transition-all duration-200 hover:shadow-md flex items-start space-x-4">
122+
<span class="rounded-lg inline-flex p-3 bg-green-50 text-green-700 ring-4 ring-white flex-shrink-0">
123+
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
124+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
148125
</svg>
149126
</span>
127+
<span>
128+
<span class="block text-lg font-medium text-gray-900">Manage Versions</span>
129+
<span class="block mt-1 text-sm text-gray-500">View and edit all platform versions</span>
130+
</span>
150131
</a>
151-
152-
<a href="{{ route('version-manager.users.index') }}" class="relative group bg-white p-4 focus-within:ring-2 focus-within:ring-inset focus-within:ring-blue-500 rounded-lg border border-gray-200 hover:border-gray-300 transition-all duration-200 hover:shadow-md">
153-
<div>
154-
<span class="rounded-lg inline-flex p-3 bg-purple-50 text-purple-700 ring-4 ring-white">
155-
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
156-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197m13.5-9a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z" />
157-
</svg>
158-
</span>
159-
</div>
160-
<div class="mt-4">
161-
<h3 class="text-lg font-medium text-gray-900">
162-
User Management
163-
</h3>
164-
<p class="mt-2 text-sm text-gray-500">Manage users and their permissions</p>
165-
</div>
166-
<span class="pointer-events-none absolute top-4 right-4 text-gray-300 group-hover:text-gray-400" aria-hidden="true">
167-
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
168-
<path d="M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z" />
132+
<a href="{{ route('version-manager.users.index') }}" class="group bg-white p-4 focus-within:ring-2 focus-within:ring-inset focus-within:ring-blue-500 rounded-lg border border-gray-200 hover:border-gray-300 transition-all duration-200 hover:shadow-md flex items-start space-x-4">
133+
<span class="rounded-lg inline-flex p-3 bg-purple-50 text-purple-700 ring-4 ring-white flex-shrink-0">
134+
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
135+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197m13.5-9a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z" />
169136
</svg>
170137
</span>
138+
<span>
139+
<span class="block text-lg font-medium text-gray-900">User Management</span>
140+
<span class="block mt-1 text-sm text-gray-500">Manage users and their permissions</span>
141+
</span>
171142
</a>
172-
173-
<a href="{{ route('version-manager.analytics.index') }}" class="relative group bg-white p-4 focus-within:ring-2 focus-within:ring-inset focus-within:ring-blue-500 rounded-lg border border-gray-200 hover:border-gray-300 transition-all duration-200 hover:shadow-md">
174-
<div>
175-
<span class="rounded-lg inline-flex p-3 bg-orange-50 text-orange-700 ring-4 ring-white">
176-
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
177-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
178-
</svg>
179-
</span>
180-
</div>
181-
<div class="mt-4">
182-
<h3 class="text-lg font-medium text-gray-900">
183-
Analytics
184-
</h3>
185-
<p class="mt-2 text-sm text-gray-500">View detailed analytics and reports</p>
186-
</div>
187-
<span class="pointer-events-none absolute top-4 right-4 text-gray-300 group-hover:text-gray-400" aria-hidden="true">
188-
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
189-
<path d="M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z" />
143+
<a href="{{ route('version-manager.analytics.index') }}" class="group bg-white p-4 focus-within:ring-2 focus-within:ring-inset focus-within:ring-blue-500 rounded-lg border border-gray-200 hover:border-gray-300 transition-all duration-200 hover:shadow-md flex items-start space-x-4">
144+
<span class="rounded-lg inline-flex p-3 bg-orange-50 text-orange-700 ring-4 ring-white flex-shrink-0">
145+
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
146+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
190147
</svg>
191148
</span>
149+
<span>
150+
<span class="block text-lg font-medium text-gray-900">Analytics</span>
151+
<span class="block mt-1 text-sm text-gray-500">View detailed analytics and reports</span>
152+
</span>
192153
</a>
193154
</div>
194155
</div>

0 commit comments

Comments
 (0)