mirror of
https://github.com/vitodeploy/vito.git
synced 2025-07-02 14:36:17 +00:00
2.x
This commit is contained in:
@ -1,5 +1,5 @@
|
||||
<div
|
||||
class="rounded-lg border-2 border-yellow-500 border-opacity-50 bg-yellow-50 p-4 text-yellow-500 dark:bg-yellow-500 dark:bg-opacity-10 dark:text-white"
|
||||
class="rounded-lg border border-l-4 border-yellow-500 bg-yellow-100 px-4 py-3 text-yellow-700 dark:bg-yellow-500 dark:bg-opacity-10 dark:text-yellow-500"
|
||||
>
|
||||
{{ $slot }}
|
||||
</div>
|
||||
|
13
resources/views/components/progress-bar.blade.php
Normal file
13
resources/views/components/progress-bar.blade.php
Normal file
@ -0,0 +1,13 @@
|
||||
@props(["value" => 0])
|
||||
|
||||
<div class="relative flex h-6 overflow-hidden rounded bg-primary-200 text-xs dark:bg-primary-500 dark:bg-opacity-10">
|
||||
<div
|
||||
style="width: {{ $value }}%"
|
||||
class="flex flex-col justify-center whitespace-nowrap bg-primary-500 text-center text-white shadow-none transition-all duration-500 ease-out"
|
||||
></div>
|
||||
<span
|
||||
class="{{ $value >= 40 ? "text-white" : "text-black dark:text-white" }} absolute left-0 right-0 top-1 text-center font-semibold"
|
||||
>
|
||||
{{ $value }}%
|
||||
</span>
|
||||
</div>
|
Reference in New Issue
Block a user