danak/asan-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

somewhere

Browse Source
This commit is contained in:
Swift
2023-08-17 13:05:51 +03:30
parent 30c7eb0e7b
commit 53843207cc
429 changed files with 117489 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sass/components/table-box.scss
+525
View File
@@ -0,0 +1,525 @@
.tableBox {
width: 100%;
overflow: auto;
table {
display: block;
width: 100%;
min-width: 1000px;
thead,
tbody {
display: block;
tr {
display: flex;
justify-content: space-between;
width: 100%;
@include borderRadius(5px);
th,
td {
display: block;
width: 100%;
text-align: right;
&.index {
width: 80px;
}
}
}
}
thead {
tr {
background: $tableHead;
color: #fff;
padding: 15px 10px;
th {
&:last-child {
padding-left: 10px;
text-align: left;
}
}
}
}
tbody {
margin-top: 20px;
tr {
margin-bottom: 5px;
background: $tableBody;
padding: 5px 10px;
@extend %defaultTransition;
&:hover {
background: $tableBodyHover !important;
}
&:nth-child(even) {
background-color: $tableStrip;
}
.trashIcon-btn {
// border: 1px solid gray;
border: none;
background: transparent;
padding: 4px 8px;
cursor: pointer;
@include borderRadius(4px);
&:hover {
i {
color: red;
}
}
i {
color: gray;
@extend %defaultTransition;
}
}
td {
&:last-child {
text-align: left;
}
&.noItem {
text-align: center !important;
}
span {
display: inline-block;
padding: 4px 0;
color: #000;
}
.btn {
padding: 4px 8px;
}
}
}
}
&.qaurantee {
&.atl{
min-width: 1300px;
.index-atl{
min-width: 75px;
max-width: 75px;
}
}
.brand {
width: 120px;
display: flex;
justify-content: center;
align-items: center;
img {
display: block;
width: 100%;
}
}
tbody {
tr {
&.unread {
background: rgba(orange, 0.2);
}
}
}
}
&.history {
min-width: 1200px;
tr {
th {
font-size: 12px;
}
td,
th {
&:last-child {
text-align: right;
}
&.index {
width: 50px;
}
&.date {
width: 100px;
}
&.transID {
width: 110px;
}
&.itemID {
width: 80px;
}
&.itemCode {
width: 80px;
}
&.itemName {
width: 400px;
}
&.quantity {
width: 90px;
}
&.repairCount {
width: 90px;
}
&.remainCount {
width: 60px;
}
}
}
}
&.tickets {
tr {
.title {
width: 50%;
}
.transactionId {
width: 130px;
}
.date {
width: 150px;
}
.details {
width: 100px;
}
}
}
&.drafts {
tr {
.description {
width: 100%;
}
.brand {
width: 120px;
display: flex;
justify-content: center;
align-items: center;
img {
display: block;
width: 100%;
}
}
.quantity {
width: 120px;
text-align: center;
}
.details {
width: 200px;
}
}
}
&.agent-requests {
tr {
th,
td {
font-size: 14px;
}
.description {
width: 50%;
margin-left: 20px;
}
.createDate {
width: 250px;
}
.quantity {
width: 120px;
}
.details {
width: 200px;
}
}
&.extended {
.description {
width: 400px;
}
.createDate {
width: 100px;
margin-left: 20px;
}
.sendDate {
width: 100px;
margin-left: 20px;
}
.trackingCode {
width: 100px;
margin-left: 20px;
}
.status {
width: 120px;
margin-left: 20px;
}
.deliveryCode {
width: 140px;
margin-left: 20px;
}
.quantity {
width: 100px;
}
.details {
width: 80px;
}
}
}
&.pieces-items {
td {
span {
font-size: 14px;
}
}
.index {
width: 50px;
}
.recieptDate {
width: 110px;
}
.itemName {
width: 300px;
}
.itemSerial {
width: 120px;
}
.guaranteeStatus {
width: 120px;
}
.pieceName {
width: 200px;
}
.pieceCode {
width: 100px;
}
.quantity {
width: 60px;
}
.removeBtn {
width: 60px;
}
}
&.report-items {
th {
text-align: center;
font-size: 14px;
line-height: 1.6em;
}
td {
text-align: center;
padding: 0 10px;
span {
font-size: 14px;
line-height: 1.6em;
}
}
.index {
width: 60px;
}
.customerName {
width: 100px;
}
.customerTel {
width: 100px;
}
.itemName {
width: 130px;
}
.itemSerial {
width: 100px;
}
.productIssue {
width: 300px;
}
.usedPieces {
width: 300px;
}
.recieveDate {
width: 100px;
}
.deliverDate {
width: 100px;
}
.removeBtn {
width: 50px;
}
}
&.drafts-modal {
min-width: 100%;
tr {
.description {
width: 100%;
}
.brand {
width: 120px;
display: flex;
justify-content: center;
align-items: center;
img {
display: block;
width: 100%;
}
}
.quantity {
width: 120px;
text-align: center;
}
.details {
padding: 0;
width: 100px;
}
.name {
width: 70%;
}
.addStatus {
padding: 0;
width: 80px;
display: flex;
justify-content: flex-end;
align-items: center;
i {
font-size: 20px;
cursor: pointer;
}
}
}
}
&.formItems {
thead {
tr {
background: $tableHead;
th {
font-size: 13px;
font-family: 'iranYekanB';
color: #fff;
}
}
}
tbody {
margin-top: 5px;
}
tr {
td,
th {
text-align: center;
&.index {
text-align: right;
}
&.itemName {
text-align: right;
width: 600px;
}
&.quantity {
width: 70px;
}
&.itemSerial {
width: 130px;
}
&.date {
width: 140px;
}
&.selector {
width: 50px;
display: flex;
justify-content: flex-end;
align-items: center;
.el-checkbox {
margin-top: 2px;
}
}
&.removeBtn {
width: 60px;
}
.itemsDeleteBtn {
padding: 4px;
@extend %defaultTransition;
cursor: pointer;
&:hover {
color: $red;
}
}
}
th {
&:last-child {
padding-left: 0;
}
}
}
}
&.lotteryWinners {
min-width: 300px;
.name {
width: 50%;
}
.mobile {
span {
direction: ltr;
}
}
}
}
}