You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
1.3 KiB
SCSS
89 lines
1.3 KiB
SCSS
.card {
|
|
border-radius: 36px;
|
|
overflow: hidden;
|
|
background-color: #a4a4a41c;
|
|
transition: 0.3s ease;
|
|
backdrop-filter: blur(18px);
|
|
|
|
&:hover {
|
|
background-color: #3d3d3d1c;
|
|
}
|
|
|
|
a {
|
|
cursor: none;
|
|
}
|
|
}
|
|
|
|
.disableGlass {
|
|
background-color: #f5f5f5;
|
|
backdrop-filter: none;
|
|
|
|
&:hover {
|
|
background-color: #eaeaea;
|
|
}
|
|
}
|
|
|
|
.content {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 22px;
|
|
}
|
|
|
|
.qrCode {
|
|
width: 200px;
|
|
height: 200px;
|
|
margin-right: 20px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.textContainer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.linkIcon {
|
|
width: 42px;
|
|
height: 42px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.getText {
|
|
color: #838383;
|
|
font-weight: 700;
|
|
font-size: 1.25rem;
|
|
margin-top: auto;
|
|
margin-bottom: -6px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.storeNameText {
|
|
color: #242424;
|
|
font-weight: 700;
|
|
font-size: 2rem;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
@media screen and (max-width: 1180px) {
|
|
.qrCode {
|
|
width: 180px;
|
|
height: 180px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 980px) {
|
|
.qrCode {
|
|
display: none;
|
|
}
|
|
.content {
|
|
padding-left: 32px;
|
|
padding-bottom: 26px;
|
|
}
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 620px) {
|
|
.content {
|
|
padding: 36px;
|
|
}
|
|
} |