|
|
@@ -15,7 +15,7 @@
|
|
|
<div class="flex h-full">
|
|
|
<div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12">
|
|
|
<AppLogo v-if="false" class="-enter-x" />
|
|
|
- <div class="my-auto" style="text-align: center">
|
|
|
+ <div class="my-auto my-auto-left" style="text-align: center">
|
|
|
<img
|
|
|
:alt="title"
|
|
|
style="margin-left: 25%"
|
|
|
@@ -38,7 +38,7 @@
|
|
|
<QrCode
|
|
|
:value="items.url"
|
|
|
:options="{ margin: 2 }"
|
|
|
- class="enter-x flex justify-center xl:justify-start"
|
|
|
+ class="QrCode enter-x flex justify-center xl:justify-start"
|
|
|
:width="100"
|
|
|
/>
|
|
|
<div class="title">
|
|
|
@@ -256,10 +256,17 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .my-auto-left {
|
|
|
+ position: relative;
|
|
|
+ left: -100px;
|
|
|
+ @media (max-width: @screen-2xl) {
|
|
|
+ left: -60px;
|
|
|
+ }
|
|
|
+ }
|
|
|
.my-auto {
|
|
|
.appcode {
|
|
|
- margin: 1.25rem auto;
|
|
|
- width: 500px;
|
|
|
+ margin: 40px auto;
|
|
|
+ width: 590px;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
text-align: center;
|
|
|
@@ -293,6 +300,10 @@
|
|
|
}
|
|
|
.coderList {
|
|
|
.qecodeItem {
|
|
|
+ .QrCode {
|
|
|
+ border-radius: 4px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
.title {
|
|
|
padding: 4px 5px;
|
|
|
font-size: 14px;
|
|
|
@@ -311,6 +322,10 @@
|
|
|
.coderList {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
+ width: 254px;
|
|
|
+ @media (max-width: @screen-2xl) {
|
|
|
+ width: 234px;
|
|
|
+ }
|
|
|
}
|
|
|
img {
|
|
|
width: 150px;
|
|
|
@@ -384,8 +399,4 @@
|
|
|
color: @text-color-secondary;
|
|
|
}
|
|
|
}
|
|
|
- @keyframes showBorder {
|
|
|
- 0% {
|
|
|
- }
|
|
|
- }
|
|
|
</style>
|
