|
|
@@ -14,29 +14,54 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- @foreach($categoryData as $data)
|
|
|
- <div class="card mb-4">
|
|
|
+ {{-- ✅ 所有卡片的统一容器 --}}
|
|
|
+ <div class="row g-4">
|
|
|
+ @foreach($categoryData as $data)
|
|
|
+ {{-- ✅ 响应式列 --}}
|
|
|
+ <div class="col-12 col-md-6 col-lg-3">
|
|
|
+ <div class="card h-100">
|
|
|
+ <div class="card-header">
|
|
|
+ <h3 class="card-title">
|
|
|
+ <svg class="icon me-2" width="24" height="24">
|
|
|
+ <use xlink:href="#tabler-book"></use>
|
|
|
+ </svg>
|
|
|
+ {{ $data['category']['name'] }}
|
|
|
+ </h3>
|
|
|
+ <div class="card-actions">
|
|
|
+ <a href="{{ route('library.category.show', $data['category']['id']) }}"
|
|
|
+ class="btn btn-primary btn-sm">
|
|
|
+ {{ __('buttons.more') }}
|
|
|
+ <svg class="icon ms-1" width="24" height="24">
|
|
|
+ <use xlink:href="#tabler-arrow-right"></use>
|
|
|
+ </svg>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="card-body">
|
|
|
+ @foreach($data['children'] as $child)
|
|
|
+ <div class="mb-1">
|
|
|
+ <a href="{{ route('library.category.show', $child['id']) }}">
|
|
|
+ {{ $child['name'] }}
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ @endforeach
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ @endforeach
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="card h-100">
|
|
|
<div class="card-header">
|
|
|
<h3 class="card-title">
|
|
|
- <svg class="icon me-2" width="24" height="24">
|
|
|
- <use xlink:href="#tabler-book"></use>
|
|
|
- </svg>
|
|
|
- {{ $data['category']['name'] }}
|
|
|
+ update
|
|
|
</h3>
|
|
|
- <div class="card-actions">
|
|
|
- <a href="{{ route('library.category.show', $data['category']['id']) }}" class="btn btn-primary btn-sm">
|
|
|
- {{ __('buttons.more') }}
|
|
|
- <svg class="icon ms-1" width="24" height="24">
|
|
|
- <use xlink:href="#tabler-arrow-right"></use>
|
|
|
- </svg>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
</div>
|
|
|
<div class="card-body">
|
|
|
- @include('components.book-list', ['books' => $data['books']])
|
|
|
+ @include('components.book-list', ['books' => $update])
|
|
|
</div>
|
|
|
</div>
|
|
|
- @endforeach
|
|
|
</div>
|
|
|
</div>
|
|
|
@endsection
|
