Fix sparklines overflowing on mobile and move location to below users name
This commit is contained in:
@@ -14,6 +14,7 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-sm text-gray-700 mb-4 max-w-full overflow-hidden">{{ user.duration_sparkline }}</div>
|
||||
<div class="flex flex-col md:flex-row">
|
||||
<div class="w-full">
|
||||
<label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-state">
|
||||
@@ -49,8 +50,7 @@
|
||||
class="accordion-button group relative flex w-full items-center rounded-t-[15px] border-0 bg-white py-4 px-5 text-left text-base text-neutral-800 transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none dark:bg-neutral-800 dark:text-white [&:not([data-te-collapse-collapsed])]:bg-white [&:not([data-te-collapse-collapsed])]:text-primary [&:not([data-te-collapse-collapsed])]:[box-shadow:inset_0_-1px_0_rgba(229,231,235)] dark:[&:not([data-te-collapse-collapsed])]:bg-neutral-800 dark:[&:not([data-te-collapse-collapsed])]:text-primary-400 dark:[&:not([data-te-collapse-collapsed])]:[box-shadow:inset_0_-1px_0_rgba(75,85,99)]"
|
||||
type="button">
|
||||
<div>
|
||||
<h2 class="text-lg font-medium text-gray-900">View {{ user.workouts_count }} workouts <span
|
||||
class="text-sm text-gray-700 ml-0 md:ml-4">{{ user.duration_sparkline }}</span></h2>
|
||||
<h2 class="text-lg font-medium text-gray-900">View {{ user.workouts_count }} workouts</h2>
|
||||
|
||||
</div>
|
||||
<span
|
||||
|
||||
Reference in New Issue
Block a user