Remove white border around QR code in dark mode
This commit is contained in:
parent
68a458ec4a
commit
28940d1a34
1 changed files with 2 additions and 4 deletions
|
@ -24,18 +24,15 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&__qr-code {
|
&__qr-code {
|
||||||
// This should match the size defined in the JavaScript.
|
|
||||||
$size: 256px;
|
$size: 256px;
|
||||||
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border: 2px solid transparent;
|
border: 2px solid transparent;
|
||||||
border-radius: 4px;
|
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 8px;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-right: 38px;
|
margin: 8px 38px 8px 8px;
|
||||||
min-height: $size;
|
min-height: $size;
|
||||||
min-width: $size;
|
min-width: $size;
|
||||||
width: $size;
|
width: $size;
|
||||||
|
@ -46,6 +43,7 @@
|
||||||
|
|
||||||
&--load-failed {
|
&--load-failed {
|
||||||
@include font-subtitle;
|
@include font-subtitle;
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
@include light-theme {
|
@include light-theme {
|
||||||
color: $color-gray-60;
|
color: $color-gray-60;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue