Initial commit

resources/themes/atom/views/components/content/staff-content-section.blade.php

@@ -0,0 +1,22 @@
+ @props(['badge' => '', 'color' => '#327fa8'])
+
+ <div class="flex w-full flex-col gap-y-4 overflow-hidden rounded pb-3 shadow-sm" style="background-color: var(--color-surface)">
+ <div class="flex gap-x-2 border-b p-3" style="border-color: color-mix(in srgb, var(--color-primary) 30%, transparent)">
+ <div class="max-w-12.5 max-h-12.5 min-w-12.5 min-h-12.5 rounded-full relative flex items-center justify-center"
+ style="background-color: {{ $color }}">
+ <img src="{{ asset(sprintf('%s/%s.gif', setting('badges_path'), $badge)) }}" alt="">
+ </div>
+
+ <div class="flex flex-col justify-center text-sm">
+ <p class="font-semibold">{{ $title }}</p>
+
+ @if(isset($underTitle))
+ <p style="color: var(--color-text-muted)">{{ $underTitle }}</p>
+ @endif
+ </div>
+ </div>
+
+ <section class="px-3">
+ {{ $slot }}
+ </section>
+ </div>