cssd-doc/cssd-back
1
0
Fork 0
mirror of https://git.meshkee.com/cssd/cssd-back.git synced 2026-10-13 20:11:06 +03:30
Code Issues Packages Projects Releases Wiki Activity

fix : responsive

Browse Source
This commit is contained in:
zeinab.ashrafi
2025-05-13 11:16:04 +03:30
parent 156c3fbeb6
commit 9040310170
5 changed files with 308 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/show/views/Package/ShowPackage.vue
+4 -25
View File
@@ -53,7 +53,7 @@
</v-flex>
<v-layout row wrap class="align-center mt-2">
<v-flex xs12 md6 sm6 v-if="barcodeimg">
<img :src="barcodeimg" class="WM-Width-350"><br/>
<img :src="barcodeimg" class="barcode-container"><br/>
<span class="CSSD-font">Package ID : {{ data.id }}</span>
</v-flex>
<v-flex xs12 md6 sm6 v-if="QRCodeimg" class="WM-Align-R">
@@ -77,7 +77,6 @@
<template v-slot:header>
<v-layout row wrap class="CSSD-font">
<span class="item-counter">{{ key + 1 }}</span>
<v-layout row wrap class="pl-2">
<v-flex xs12 sm4 md4>
<span class="sub-text">Item ID:</span> {{ item.id }}
@@ -87,14 +86,6 @@
</v-flex>
<v-flex xs12 sm4 md4 class="WM-Align-R">
<span v-if="item.pivot">({{ item.pivot.count }})</span>
<v-spacer/>
<a :href="'https://www.cssd-doc.com/Show/Item/' + item.id + ''" target="_blank">
<v-btn class="WM-NoShadow WM-Outline-Btn WM-Border mr-2 WM-Margin-BT-0 WM-Border-Black" @click.stop.native=""
style="padding: 10px 30px;">
<v-icon class="black--text mr-2 caption">fas fa-search</v-icon>
<span class="black--text">DETAILS</span>
</v-btn>
</a>
</v-flex>
</v-layout>
</v-layout>
@@ -111,7 +102,6 @@
</v-layout>
</v-layout>
</v-flex>
</v-layout>
<v-layout row wrap align-center justify-center style="text-align:center">
@@ -189,15 +179,7 @@ export default {
"left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0"
);
WinPrint.document.write(`<!DOCTYPE html>
<html>
<head>
${stylesHtml}
</head>
<body>
${prtHtml}
</body>
</html>`);
WinPrint.document.write(`<!DOCTYPE html><html><head>${stylesHtml} </head> <body>${prtHtml}</body></html>`);
WinPrint.document.close();
WinPrint.focus();
@@ -216,12 +198,9 @@ export default {
<style scoped lang="scss">
.barcode-container {
width: 100%;
max-width: 350px;
}
.WM-Width-350{
width: 100%;
max-width: 350px;
max-width: 290px;
}
.item-counter {
font-size: 44px;
opacity: .3;