Fixed QR code background
This commit is contained in:
parent
5500b22a03
commit
75237c87bd
1 changed files with 35 additions and 0 deletions
|
@ -8,6 +8,41 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
.corner-border-container {
|
||||||
|
--length: 20px;
|
||||||
|
--width: 4px;
|
||||||
|
background-color: var(--left-grid-bg-color);
|
||||||
|
background-image:
|
||||||
|
linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
|
||||||
|
linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
|
||||||
|
linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
|
||||||
|
linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
|
||||||
|
linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
|
||||||
|
linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
|
||||||
|
linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
|
||||||
|
linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color));
|
||||||
|
background-size:
|
||||||
|
var(--length) var(--width),
|
||||||
|
var(--width) var(--length),
|
||||||
|
var(--length) var(--width),
|
||||||
|
var(--width) var(--length),
|
||||||
|
var(--length) var(--width),
|
||||||
|
var(--width) var(--length),
|
||||||
|
var(--length) var(--width),
|
||||||
|
var(--width) var(--length);
|
||||||
|
background-position:
|
||||||
|
top left,
|
||||||
|
top left,
|
||||||
|
top right,
|
||||||
|
top right,
|
||||||
|
bottom right,
|
||||||
|
bottom right,
|
||||||
|
bottom left,
|
||||||
|
bottom left;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.qrcode {
|
.qrcode {
|
||||||
transform: scale(0.9);
|
transform: scale(0.9);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue