ui styling

This commit is contained in:
Burak Civan 2022-10-27 12:17:13 +03:00
parent 2cf0931379
commit de80bc85a4
4 changed files with 14 additions and 7 deletions

14
public/css/app.css vendored
View File

@ -50246,10 +50246,6 @@ body{
width: 66.666667%; width: 66.666667%;
} }
.lg\:w-auto{
width: auto;
}
.lg\:w-1\/4{ .lg\:w-1\/4{
width: 25%; width: 25%;
} }
@ -50266,6 +50262,10 @@ body{
width: 1rem; width: 1rem;
} }
.lg\:w-auto{
width: auto;
}
.lg\:w-2\/4{ .lg\:w-2\/4{
width: 50%; width: 50%;
} }
@ -50335,6 +50335,12 @@ body{
gap: 4rem; gap: 4rem;
} }
.lg\:space-x-16 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(4rem * var(--tw-space-x-reverse));
margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
}
.lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){ .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0; --tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));

View File

@ -31,7 +31,7 @@
<td class="px-3 py-3 ltr:pl-2 rtl:pr-2 ltr:text-left rtl:text-right align-middle border-b-0 name"> <td class="px-3 py-3 ltr:pl-2 rtl:pr-2 ltr:text-left rtl:text-right align-middle border-b-0 name">
@if (! $hideItemName) @if (! $hideItemName)
<span class="flex items-center text-sm" tabindex="0" v-if="row.item_id"> <span class="flex items-center text-sm" tabindex="0" v-if="row.item_id">
<div v-html="row.name" class="w-20 lg:w-auto truncate"></div> <div v-html="row.name"></div>
</span> </span>
<div v-else> <div v-else>

View File

@ -15,7 +15,7 @@
<x-slot name="content"> <x-slot name="content">
<div class="flex flex-col space-y-16 py-4"> <div class="flex flex-col space-y-16 py-4">
<div class="flex flex-col lg:flex-row w-full space-x-16 rtl:space-x-reverse space-y-0"> <div class="flex flex-col lg:flex-row w-full lg:space-x-16 rtl:space-x-reverse space-y-0">
<div class="w-full lg:w-7/12 flex flex-col space-x-2 banner"> <div class="w-full lg:w-7/12 flex flex-col space-x-2 banner">
@foreach ($module->files as $file) @foreach ($module->files as $file)
@if ($loop->first) @if ($loop->first)
@ -116,7 +116,7 @@
{!! ! empty($module->sort_desc) ? $module->sort_desc : strip_tags($module->description) !!} {!! ! empty($module->sort_desc) ? $module->sort_desc : strip_tags($module->description) !!}
</div> </div>
<div class="relative flex flex-col lg:flex-row space-x-4 justify-between"> <div class="relative flex items-center space-x-4 justify-between">
<x-layouts.modules.show.price :module="$module" /> <x-layouts.modules.show.price :module="$module" />
<div class="flex w-1/2 lg:justify-center"> <div class="flex w-1/2 lg:justify-center">

View File

@ -14,6 +14,7 @@ lg:px-6
lg:relative lg:relative
lg:right-0 lg:right-0
lg:justify-around lg:justify-around
lg:space-x-16
ltr:-right-1.5 ltr:-right-1.5
rtl:-left-1.5 rtl:-left-1.5
rtl:-scale-x-100 rtl:-scale-x-100