apps responsive control

This commit is contained in:
Burak Civan 2022-11-02 12:14:16 +03:00
parent 1671083773
commit f44251290c
3 changed files with 98 additions and 78 deletions

20
public/css/app.css vendored
View File

@ -51134,6 +51134,14 @@ body{
top: 0.5rem;
}
.lg\:bottom-2\.5{
bottom: 0.625rem;
}
.lg\:bottom-2{
bottom: 0.5rem;
}
.lg\:col-span-5{
grid-column: span 5 / span 5;
}
@ -51227,6 +51235,10 @@ body{
height: 3rem;
}
.lg\:h-28{
height: 7rem;
}
.lg\:w-9{
width: 2.25rem;
}
@ -51540,6 +51552,10 @@ body{
right: 0px;
}
[dir="ltr"] .ltr\:lg\:right-0{
right: 0px;
}
[dir="ltr"] .lg\:ltr\:pr-12{
padding-right: 3rem;
}
@ -51560,6 +51576,10 @@ body{
left: 0px;
}
[dir="rtl"] .rtl\:lg\:left-0{
left: 0px;
}
[dir="rtl"] .lg\:rtl\:pl-12{
padding-left: 3rem;
}

View File

@ -1,4 +1,5 @@
<div class="relative w-full flex border-b pt-8 mb-4">
<div class="relative w-full flex flex-col sm:flex-row border-b pt-8 mb-4">
<div class="flex items-center">
<div class="flex flex-row items-center place-center border-r">
<button class="flex items-center" id="dropdownButton" data-dropdown-toggle="dropdown">
<i class="material-icons w-10 flex items-center aspect-square text-light-gray ltr:pl-2 rtl:pr-2 hover:text-gray-700"> apps_outlined </i>
@ -60,7 +61,6 @@
</div>
</div>
<div class="flex flex-col lg:flex-row w-full justify-between">
<div class="w-8/12 h-full">
<form method="GET" action="{{ url("/" . company_id()) }}/apps/search">
<div class="h-full flex items-center pl-2 gap-2">
@ -107,8 +107,9 @@
</div>
</form>
</div>
</div>
<div class="flex flex-row items-end lg:items-center mb-1 divide-x divide-black-400 mt-4 lg:mt-0">
<div class="lg:absolute lg:bottom-2.5 ltr:lg:right-0 rtl:lg:left-0 flex flex-row items-end lg:items-center mb-1 divide-x divide-black-400 mt-4 lg:mt-0">
<x-link href="{{ route('apps.home.index') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
<x-link.hover color="to-black-400">
{{ trans('modules.home') }}
@ -133,5 +134,4 @@
</x-link.hover>
</x-link>
</div>
</div>
</div>

View File

@ -6,7 +6,7 @@
<div class="w-full lg:h-48 px-6 bg-dark-blue rounded-lg flex flex-col lg:flex-row justify-between items-center my-8">
<div class="w-full lg:w-1/2 flex flex-col self-end py-6">
<div
class="h-28"
class="lg:h-28"
x-data="{
text: '',
textArray : ['{{ trans('modules.premium_banner') }}'],