edb/bbs
8
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🚨 Lint styles

Browse Source
This commit is contained in:
Nikolai Kristiansen committed 2021-11-13 11:48:01 +01:00
1 parent cf9c23bf7b
commit 9576becb62
7 files changed
+85 -87
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/components/ProductCard.module.css
+40 -40
View File
@@ -1,57 +1,57 @@
.product {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: transparent;
border: 4px solid transparent;
border-radius: 8px;
transition: background-color 0.1s ease-out, border 0.1s ease-out;
overflow: hidden;
display: flex;
overflow: hidden;
flex-direction: column;
align-items: center;
justify-content: center;
border: 4px solid transparent;
background: transparent;
border-radius: 8px;
transition: background-color 0.1s ease-out, border 0.1s ease-out;
}
.product:hover {
background: rgba(0, 0, 0, 0.1);
border-color: rgba(25, 135, 84, 0.6);
border-color: rgba(25, 135, 84, 0.6);
background: rgba(0, 0, 0, 0.1);
}
.active {
background: rgba(25, 135, 84, 0.2);
border-color: rgba(25, 135, 84, 0.6);
border-color: rgba(25, 135, 84, 0.6);
background: rgba(25, 135, 84, 0.2);
}
.active:hover {
background: rgba(25, 135, 84, 0.2);
background: rgba(25, 135, 84, 0.2);
}
.productText {
position: absolute;
background: rgba(0, 0, 0, 0.6);
color: white;
font-weight: bold;
padding: 4px;
bottom: 0;
left: 0;
right: 0;
border-radius: 8px;
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 4px;
background: rgba(0, 0, 0, 0.6);
border-radius: 8px;
color: white;
font-weight: bold;
}
.productImage {
width: 140px;
height: 140px;
object-fit: contain;
width: 140px;
height: 140px;
object-fit: contain;
}
.noProductImage {
width: 140px;
height: 140px;
width: 140px;
height: 140px;
}
.amount {
font-weight: bold;
font-size: 2rem;
position: absolute;
top: 0px;
left: 0px;
background: rgba(0, 0, 0, 0.6);
color: white;
border-radius: 8px;
padding: 4px;
line-height: 1;
position: absolute;
top: 0px;
left: 0px;
padding: 4px;
background: rgba(0, 0, 0, 0.6);
border-radius: 8px;
color: white;
font-size: 2rem;
font-weight: bold;
line-height: 1;
}
.wrap {
position: relative;
}
position: relative;
}