scan interface variants

This commit is contained in:
Александр Бабкин
2022-07-12 13:16:50 +03:00
parent 8a971e1667
commit 1f59cda01d
2 changed files with 79 additions and 34 deletions

View File

@@ -749,6 +749,9 @@ select {
.mb-4 {
margin-bottom: 1rem;
}
.-mb-px {
margin-bottom: -1px;
}
.block {
display: block;
}
@@ -879,6 +882,9 @@ select {
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
@@ -924,6 +930,10 @@ select {
border-top-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-width: 1px;
}
@@ -989,6 +999,10 @@ select {
--tw-bg-opacity: 1;
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: currentColor;
}
@@ -998,6 +1012,9 @@ select {
.p-2 {
padding: 0.5rem;
}
.p-4 {
padding: 1rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;

View File

@@ -10,8 +10,37 @@
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
<div class="p-6 bg-white border-b border-gray-200">
<div class="w-96 mx-auto">
<div class="panel-group">
<div class="panel panel-default">
<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)
<h3 class="font-bold text-l text-gray-800 leading-tight">АУК {{ $key }}</h3>
<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">
@@ -46,8 +75,7 @@
</td>
</tr>
@endforelse
</table>
@endforeach
</table> --}}
</div>
</div>
</div>