shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add item responsive control

Browse Source
This commit is contained in:
Burak Civan 2022-10-11 11:51:27 +03:00
parent e8693a3c92
commit 27e52525f7
4 changed files with 38 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public/css/app.css vendored
View File

@ -47241,13 +47241,25 @@ html[dir="rtl"] .lines-radius-border thead td:last-child {
@media only screen and (max-width: 480px) { @media only screen and (max-width: 480px) {
.small-table-width { .small-table-width {
width: 450px; width: 550px;
} }
.small-col { .small-col {
width: auto !important; width: auto !important;
} }
.description-col {
width: 180px !important
}
.amount-col {
width: 70px !important;
}
.name-col {
width: 6rem !important
}
.information-content { .information-content {
-webkit-transform: unset !important; -webkit-transform: unset !important;
transform: unset !important; transform: unset !important;
@ -50074,6 +50086,10 @@ body{
width: 66.666667%; width: 66.666667%;
} }
.lg\:w-auto{
width: auto;
}
.lg\:w-1\/4{ .lg\:w-1\/4{
width: 25%; width: 25%;
} }
@ -50094,10 +50110,6 @@ body{
width: 24rem; width: 24rem;
} }
.lg\:w-auto{
width: auto;
}
.lg\:w-2\/4{ .lg\:w-2\/4{
width: 50%; width: 50%;
} }

14
resources/assets/sass/app.css vendored
View File

@ -529,13 +529,25 @@ html[dir="rtl"] .lines-radius-border thead td:last-child {
@media only screen and (max-width: 480px) { @media only screen and (max-width: 480px) {
.small-table-width { .small-table-width {
width: 450px; width: 550px;
} }
.small-col { .small-col {
width: auto !important; width: auto !important;
} }
.description-col {
width: 180px !important
}
.amount-col {
width: 70px !important;
}
.name-col {
width: 6rem !important
}
.information-content { .information-content {
transform: unset !important; transform: unset !important;
margin-top: 70px !important; margin-top: 70px !important;

6
resources/views/components/documents/form/items.blade.php
View File

@ -4,11 +4,11 @@
<table class="small-table-width" id="items"> <table class="small-table-width" id="items">
<colgroup> <colgroup>
<col class="small-col" style="width: 24px;"> <col class="small-col" style="width: 24px;">
<col class="small-col" style="width: 20%;"> <col class="small-col name-col" style="width: 20%;">
<col class="small-col" style="width: 30%;"> <col class="small-col description-col" style="width: 30%;">
<col class="small-col" style="width: 12%;"> <col class="small-col" style="width: 12%;">
<col class="small-col" style="width: 15%;"> <col class="small-col" style="width: 15%;">
<col class="small-col" style="width: 20%;"> <col class="small-col amount-col" style="width: 20%;">
<col class="small-col" style="width: 24px;"> <col class="small-col" style="width: 24px;">
</colgroup> </colgroup>

8
resources/views/components/documents/form/line-item.blade.php
View File

@ -8,10 +8,10 @@
<colgroup> <colgroup>
<col class="small-col" style="width: 24px;"> <col class="small-col" style="width: 24px;">
<col class="small-col" style="width: 20%;"> <col class="small-col" style="width: 20%;">
<col class="small-col" style="width: 30%;"> <col class="small-col description-col" style="width: 30%;">
<col class="small-col" style="width: 12%;"> <col class="small-col" style="width: 12%;">
<col class="small-col" style="width: 15%;"> <col class="small-col" style="width: 15%;">
<col class="small-col" style="width: 20%;"> <col class="small-col amount-col" style="width: 20%;">
<col class="small-col" style="width: 24px;"> <col class="small-col" style="width: 24px;">
</colgroup> </colgroup>
@ -30,7 +30,9 @@
<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-html="row.name" v-if="row.item_id"></span> <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>
</span>
<div v-else> <div v-else>
@stack('name_input_start') @stack('name_input_start')