scan interface variants
This commit is contained in:
@@ -749,6 +749,9 @@ select {
|
|||||||
.mb-4 {
|
.mb-4 {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
.-mb-px {
|
||||||
|
margin-bottom: -1px;
|
||||||
|
}
|
||||||
.block {
|
.block {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@@ -879,6 +882,9 @@ select {
|
|||||||
.flex-col {
|
.flex-col {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
.flex-wrap {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
.items-center {
|
.items-center {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
@@ -924,6 +930,10 @@ select {
|
|||||||
border-top-right-radius: 0.375rem;
|
border-top-right-radius: 0.375rem;
|
||||||
border-bottom-right-radius: 0.375rem;
|
border-bottom-right-radius: 0.375rem;
|
||||||
}
|
}
|
||||||
|
.rounded-t-lg {
|
||||||
|
border-top-left-radius: 0.5rem;
|
||||||
|
border-top-right-radius: 0.5rem;
|
||||||
|
}
|
||||||
.border {
|
.border {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
@@ -989,6 +999,10 @@ select {
|
|||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgb(238 242 255 / var(--tw-bg-opacity));
|
background-color: rgb(238 242 255 / var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
.bg-gray-50 {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
.fill-current {
|
.fill-current {
|
||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
}
|
}
|
||||||
@@ -998,6 +1012,9 @@ select {
|
|||||||
.p-2 {
|
.p-2 {
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
|
.p-4 {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
.px-4 {
|
.px-4 {
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
|
|||||||
@@ -10,44 +10,72 @@
|
|||||||
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
|
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
|
||||||
<div class="p-6 bg-white border-b border-gray-200">
|
<div class="p-6 bg-white border-b border-gray-200">
|
||||||
<div class="w-96 mx-auto">
|
<div class="w-96 mx-auto">
|
||||||
@foreach ($MMC as $key => $value)
|
<div class="panel-group">
|
||||||
<h3 class="font-bold text-l text-gray-800 leading-tight">АУК {{ $key }}</h3>
|
<div class="panel panel-default">
|
||||||
<table class="table table-sm border-b border-gray-200">
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title">
|
||||||
|
<a data-toggle="collapse" target="_blank" rel="nofollow noreferrer"
|
||||||
|
target="_blank" rel="nofollow noreferrer" href="#collapse1">123</a>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<div id="collapse1" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">123123123</div>
|
||||||
|
<div class="panel-footer">123</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{-- <div class="mb-4 border-b border-gray-200 dark:border-gray-700">
|
||||||
|
<ul class="flex flex-wrap -mb-px text-sm font-medium text-center" id="aukTab" data-tabs-toggle="#aukTabContent" role="tablist">
|
||||||
|
@foreach ($MMC as $key => $value)
|
||||||
|
<li class="mr-2" role="presentation">
|
||||||
|
<button class="inline-block p-4 rounded-t-lg border-b-2" id="auk{{ $key }}-tab" data-tabs-target="#auk{{ $key }}" type="button" role="tab" aria-controls="auk{{ $key }}" aria-selected="false">AUK {{ $key }}</button>
|
||||||
|
</li>
|
||||||
|
@endforeach
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="aukTabContent">
|
||||||
|
@foreach ($MMC as $key => $value)
|
||||||
|
<div class="hidden p-4 bg-gray-50 rounded-lg dark:bg-gray-800" id="auk{{ $key }}" role="tabpanel" aria-labelledby="auk{{ $key }}-tab">
|
||||||
|
<p class="text-sm text-gray-500 dark:text-gray-400">This is some placeholder content the <strong class="font-medium text-gray-800 dark:text-white">Profile tab's associated content</strong>. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling.</p>
|
||||||
|
</div>
|
||||||
|
@endforeach
|
||||||
|
</div> --}}
|
||||||
|
{{-- <h3 class="font-bold text-l text-gray-800 leading-tight">АУК {{ $key }}</h3>
|
||||||
|
<table class="table table-sm border-b border-gray-200">
|
||||||
|
<tr class="border border-gray-200">
|
||||||
|
<th class="p-2 border border-gray-200">
|
||||||
|
{{ __('File') }}
|
||||||
|
</th>
|
||||||
|
<th class="p-2 border border-gray-200">
|
||||||
|
{{ __('Size') }}
|
||||||
|
</th>
|
||||||
|
<th class="p-2 border border-gray-200">
|
||||||
|
{{ __('MTime') }}
|
||||||
|
</th>
|
||||||
|
<th class="p-2 border border-gray-200">
|
||||||
|
{{ __('ATime') }}
|
||||||
|
</th>
|
||||||
|
<th class="p-2 border border-gray-200">
|
||||||
|
{{ __('Actions') }}
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
@forelse ($value['images'] as $image)
|
||||||
<tr class="border border-gray-200">
|
<tr class="border border-gray-200">
|
||||||
<th class="p-2 border border-gray-200">
|
<td class="p-2 border border-gray-200">{{ $image['file'] }}</td>
|
||||||
{{ __('File') }}
|
<td class="p-2 border border-gray-200">{{ $image['size'] }}</td>
|
||||||
</th>
|
<td class="p-2 border border-gray-200">{{ $image['mtime'] }}</td>
|
||||||
<th class="p-2 border border-gray-200">
|
<td class="p-2 border border-gray-200">{{ $image['atime'] }}</td>
|
||||||
{{ __('Size') }}
|
<td class="p-2 border border-gray-200"> </td>
|
||||||
</th>
|
|
||||||
<th class="p-2 border border-gray-200">
|
|
||||||
{{ __('MTime') }}
|
|
||||||
</th>
|
|
||||||
<th class="p-2 border border-gray-200">
|
|
||||||
{{ __('ATime') }}
|
|
||||||
</th>
|
|
||||||
<th class="p-2 border border-gray-200">
|
|
||||||
{{ __('Actions') }}
|
|
||||||
</th>
|
|
||||||
</tr>
|
</tr>
|
||||||
@forelse ($value['images'] as $image)
|
|
||||||
<tr class="border border-gray-200">
|
|
||||||
<td class="p-2 border border-gray-200">{{ $image['file'] }}</td>
|
|
||||||
<td class="p-2 border border-gray-200">{{ $image['size'] }}</td>
|
|
||||||
<td class="p-2 border border-gray-200">{{ $image['mtime'] }}</td>
|
|
||||||
<td class="p-2 border border-gray-200">{{ $image['atime'] }}</td>
|
|
||||||
<td class="p-2 border border-gray-200"> </td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
|
|
||||||
@empty
|
@empty
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="5" class="p-2 border border-gray-200 text-center">No Documents!
|
<td colspan="5" class="p-2 border border-gray-200 text-center">No Documents!
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@endforelse
|
@endforelse
|
||||||
</table>
|
</table> --}}
|
||||||
@endforeach
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user