Skip to content

Commit

Permalink
responsive controlled
Browse files Browse the repository at this point in the history
  • Loading branch information
@brkcvn
brkcvn committed Oct 31, 2022
1 parent 4bea0a8 commit 45808ec
Show file tree
Hide file tree
Showing 10 changed files with 133 additions and 62 deletions.
51 changes: 47 additions & 4 deletions public/css/app.css
View file
Expand Up @@ -50831,6 +50831,15 @@ body{

@media (min-width: 640px){

.sm\:inset-y-1\/2{
top: 50%;
bottom: 50%;
}

.sm\:-right-1{
right: -0.25rem;
}

.sm\:col-span-6{
grid-column: span 6 / span 6;
}
Expand Down Expand Up @@ -50887,14 +50896,14 @@ body{
margin-top: 0.5rem;
}

.sm\:mt-0{
margin-top: 0px;
}

.sm\:mb-5{
margin-bottom: 1.25rem;
}

.sm\:mt-0{
margin-top: 0px;
}

.sm\:ml-8{
margin-left: 2rem;
}
Expand Down Expand Up @@ -50949,6 +50958,18 @@ body{
width: 33.333333%;
}

.sm\:w-60{
width: 15rem;
}

.sm\:w-auto{
width: auto;
}

.sm\:w-96{
width: 24rem;
}

.sm\:flex-1{
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
Expand Down Expand Up @@ -51028,6 +51049,12 @@ body{
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.sm\:space-y-8 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.sm\:divide-x-2 > :not([hidden]) ~ :not([hidden]){
--tw-divide-x-reverse: 0;
border-right-width: calc(2px * var(--tw-divide-x-reverse));
Expand All @@ -51039,6 +51066,11 @@ body{
padding-right: 0px;
}

.sm\:px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}

.sm\:text-6xl{
font-size: 2.5rem;
line-height: 2.75rem;
Expand Down Expand Up @@ -51340,6 +51372,12 @@ body{
}
}

.lg\:items-start{
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

.lg\:items-center{
-webkit-box-align: center;
-ms-flex-align: center;
Expand Down Expand Up @@ -51435,6 +51473,11 @@ body{
padding-bottom: 0px;
}

.lg\:px-0{
padding-left: 0px;
padding-right: 0px;
}

.lg\:pl-24{
padding-left: 6rem;
}
Expand Down
112 changes: 70 additions & 42 deletions public/css/print.css
View file
Expand Up @@ -379,48 +379,6 @@ html[dir='rtl'] .text-right
/*--General Finish--*/

/*--Print Template Default Start--*/
.col-60
{
display: inline-block;
width: 60%;
vertical-align: top;
}

.col-58
{
display: inline-block;
width: 58%;
vertical-align: top;
}

.col-50
{
display: inline-block;
width: 50%;
vertical-align: top;
}

.col-42
{
display: inline-block;
width: 42%;
vertical-align: top;
}

.col-40
{
display: inline-block;
width: 40%;
vertical-align: top;
}

.col-16
{
display: inline-block;
max-width: 16%;
vertical-align: top;
}

.col-100
{
display: inline-block;
Expand Down Expand Up @@ -805,8 +763,78 @@ html[dir='rtl'] .print-heading {
.custom-product-hunt {
display: none;
}

.classic-invoice {
margin-top: 10px;
}

.col-60
{
display: inline-block;
width: 100%;
vertical-align: top;
}

.col-50
{
display: inline-block;
width: 100%;
vertical-align: top;
}

.col-40
{
display: inline-block;
width: 100%;
vertical-align: top;
}
.col-58
{
display: inline-block;
width: 58%;
vertical-align: top;
}
.col-42
{
display: inline-block;
width: 42%;
vertical-align: top;
}
.col-16
{
display: inline-block;
max-width: 16%;
vertical-align: top;
}
/*--Print --*/

@media (min-width: 991px) {
.col-60
{
display: inline-block;
width: 60%;
vertical-align: top;
}

.col-50
{
display: inline-block;
width: 50%;
vertical-align: top;
}

.col-40
{
display: inline-block;
width: 40%;
vertical-align: top;
}

.classic-invoice {
margin-top: unset;
}
}

@media (max-width: 1600px) {
.p-index-right {
padding: 0;
Expand Down
12 changes: 6 additions & 6 deletions resources/assets/js/components/AkauntingRecurring.vue
View file
@@ -1,7 +1,7 @@
<template>
<div class="sm:col-span-6 space-y-8 sm:space-y-2">
<div class="flex flex-wrap lg:flex-nowrap items-center space-y-3 lg:space-y-0" :class="{ 'justify-between sm:justify-start': frequency == 'custom' }">
<div class="w-60 px-2 text-sm">
<div class="sm:col-span-6 space-y-6 sm:space-y-2">
<div class="flex flex-wrap lg:flex-nowrap items-center space-y-1 lg:space-y-0" :class="{ 'justify-start': frequency == 'custom' }">
<div class="w-24 sm:w-60 px-0 sm:px-2 text-sm">
{{ frequencyText }}
</div>

Expand All @@ -14,7 +14,7 @@
</el-option>
</el-select>

<div class="w-20 px-2 text-sm text-center" v-if="frequency == 'custom'">
<div class="w-20 sm:w-auto px-2 text-sm text-center" v-if="frequency == 'custom'">
{{ frequencyEveryText }}
</div>

Expand All @@ -30,8 +30,8 @@
</el-select>
</div>

<div class="flex flex-wrap lg:flex-nowrap items-center space-y-3 lg:space-y-0" :class="{ 'justify-between sm:justify-start': limit !== 'never' }">
<div class="w-60 px-2 text-sm">
<div class="flex flex-wrap lg:flex-nowrap items-center space-y-3 lg:space-y-0" :class="{ 'justify-start': limit !== 'never' }">
<div class="w-24 sm:w-60 px-0 sm:px-2 text-sm">
{{ startText }}
</div>

Expand Down
4 changes: 2 additions & 2 deletions resources/views/components/documents/index/information.blade.php
View file
@@ -1,5 +1,5 @@
<div id="{{ $id }}" role="tooltip" class="w-full lg:w-96 inline-block absolute left-0 z-10 text-sm font-medium rounded-lg border border-gray-200 shadow-sm whitespace-nowrap transition-visible bg-lilac-900 border-none text-black p-6 cursor-auto opacity-0 invisible information-content">
<div class="absolute w-2 h-2 inset-y-1/2 -right-1 before:content-[' '] before:absolute before:w-2 before:h-2 before:bg-lilac-900 before:border-gray-200 before:transform before:rotate-45 before:border before:border-t-0 before:border-l-0 data-popper-arrow"></div>
<div id="{{ $id }}" role="tooltip" class="w-full sm:w-96 inline-block absolute left-0 z-10 text-sm font-medium rounded-lg border border-gray-200 shadow-sm whitespace-nowrap transition-visible bg-lilac-900 border-none text-black p-6 cursor-auto opacity-0 invisible information-content">
<div class="absolute w-2 h-2 sm:inset-y-1/2 sm:-right-1 before:content-[' '] before:absolute before:w-2 before:h-2 before:bg-lilac-900 before:border-gray-200 before:transform before:rotate-45 before:border before:border-t-0 before:border-l-0 data-popper-arrow"></div>

<ul>
<li class="relative flex items-center text-sm mb-7">
Expand Down
2 changes: 1 addition & 1 deletion resources/views/components/documents/template/classic.blade.php
View file
Expand Up @@ -93,7 +93,7 @@

<br>

{{ $document->document_number }}
<p class="classic-invoice"> {{ $document->document_number }} </p>
</div>
@endif
@stack('invoice_number_input_end')
Expand Down
2 changes: 1 addition & 1 deletion resources/views/components/layouts/admin/footer.blade.php
View file
@@ -1,6 +1,6 @@
@stack('footer_start')
<footer class="footer">
<div class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light">
<div class="flex flex-col sm:flex-row items-center justify-between lg:mt-20 py-7 text-sm font-light">
<div>
{{ trans('footer.powered') }}:
<x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link>
Expand Down
2 changes: 1 addition & 1 deletion resources/views/components/layouts/portal/footer.blade.php
View file
@@ -1,6 +1,6 @@
@stack('footer_start')
<footer class="footer">
<div class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light">
<div class="flex flex-col sm:flex-row items-center justify-between lg:mt-20 py-7 text-sm font-light">
<div>
{{ trans('footer.powered') }}:
<a href="{{ trans('footer.link') }}" target="_blank">{{ trans('footer.software') }}</a> |
Expand Down
6 changes: 3 additions & 3 deletions resources/views/components/layouts/preview.blade.php
View file
Expand Up @@ -11,8 +11,8 @@

<div class="flex flex-col h-screen">
<header class="py-5 bg-purple-lighter text-purple text-center">
<div class="w-full lg:max-w-6xl m-auto flex flex-col lg:flex-row items-center justify-between">
<div class="flex flex-col items-start">
<div class="w-full lg:max-w-6xl m-auto flex flex-col lg:flex-row items-center justify-between px-4 lg:px-0">
<div class="flex flex-col items-center lg:items-start">
<span class="font-medium uppercase">
{{ trans('general.preview_mode') }}
</span>
Expand All @@ -22,7 +22,7 @@
</span>
</div>

<x-link href="{!! !empty($sticky->attributes->has('url')) ? $sticky->attributes->get('url') : route('dashboard') !!}" class="px-3 py-1.5 rounded-xl text-sm font-medium leading-6 bg-purple hover:bg-purple-700 text-white disabled:bg-purple-100" override="class">
<x-link href="{!! !empty($sticky->attributes->has('url')) ? $sticky->attributes->get('url') : route('dashboard') !!}" class="px-3 py-1.5 mt-5 lg:mt-0 rounded-xl text-sm font-medium leading-6 bg-purple hover:bg-purple-700 text-white disabled:bg-purple-100" override="class">
{{ trans('general.go_back', ['type' => company()->name]) }}
</x-link>
</div>
Expand Down
2 changes: 1 addition & 1 deletion resources/views/components/layouts/preview/footer.blade.php
View file
@@ -1,7 +1,7 @@
@stack('footer_start')

<footer class="footer">
<div class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light">
<div class="flex flex-col sm:flex-row items-center justify-between lg:mt-20 py-7 text-sm font-light">
<div>
{{ trans('footer.powered') }}:
<x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link>
Expand Down
2 changes: 1 addition & 1 deletion resources/views/components/layouts/signed/footer.blade.php
View file
@@ -1,7 +1,7 @@
@stack('footer_start')

<footer class="footer">
<div class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light">
<div class="flex flex-col sm:flex-row items-center justify-between lg:mt-20 py-7 text-sm font-light">
<div>
{{ trans('footer.powered') }}:
<x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link>
Expand Down

0 comments on commit 45808ec

Please sign in to comment.