🚨 Lint styles

This commit is contained in:
Nikolai Kristiansen committed 2021-11-13 11:48:01 +01:00
1 parent cf9c23bf7b
commit 9576becb62
6 files changed
+31 -33

No files matched your search

+1 -3
View File
@@ -15,9 +15,7 @@ const App: React.FC = () => (
<Router>
<ToastProvider>
<Header />
<div className={styles.app}>
<Routes />
</div>
<div className={styles.app}></div>
<Toast />
</ToastProvider>
</Router>
+2 -2
View File
@@ -1,10 +1,10 @@
.logo {
position: relative;
top: -1px;
display: inline-block;
width: 24px;
height: 24px;
margin: 0 8px;
position: relative;
top: -1px
}
.navIcon {
+15 -15
View File
@@ -1,35 +1,35 @@
.product {
display: flex;
overflow: hidden;
flex-direction: column;
justify-content: center;
align-items: center;
background: transparent;
justify-content: center;
border: 4px solid transparent;
background: transparent;
border-radius: 8px;
transition: background-color 0.1s ease-out, border 0.1s ease-out;
overflow: hidden;
}
.product:hover {
background: rgba(0, 0, 0, 0.1);
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);
background: rgba(25, 135, 84, 0.2);
}
.active:hover {
background: rgba(25, 135, 84, 0.2);
}
.productText {
position: absolute;
background: rgba(0, 0, 0, 0.6);
color: white;
font-weight: bold;
padding: 4px;
right: 0;
bottom: 0;
left: 0;
right: 0;
padding: 4px;
background: rgba(0, 0, 0, 0.6);
border-radius: 8px;
color: white;
font-weight: bold;
}
.productImage {
width: 140px;
@@ -41,15 +41,15 @@
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;
background: rgba(0, 0, 0, 0.6);
border-radius: 8px;
color: white;
font-size: 2rem;
font-weight: bold;
line-height: 1;
}
.wrap {
+1 -1
View File
@@ -1,5 +1,5 @@
.toast {
position: absolute;
bottom: 32px;
right: 32px;
bottom: 32px;
}
+7 -7
View File
@@ -3,31 +3,31 @@
flex-direction: column;
align-items: center;
padding: 4px;
background: transparent;
border: 3px solid transparent;
background: transparent;
border-radius: 8px;
transition: background-color 0.1s ease-out, border 0.1s ease-out;
}
.user:hover {
background: rgba(0, 0, 0, 0.1);
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);
background: rgba(25, 135, 84, 0.2);
}
.active:hover {
background: rgba(25, 135, 84, 0.2);
}
.avatar {
border-radius: 50px;
height: 50px;
width: 50px;
height: 50px;
border-radius: 50px;
}
.avatar svg {
color: #ccc;
height: 50px;
width: 50px;
height: 50px;
color: #ccc;
}
.name {
font-weight: bold;
@@ -19,10 +19,10 @@
.total {
display: inline-block;
margin-right: 8px;
padding: 4px 8px;
font-size: 1.8rem;
color: white;
background: black;
min-width: 200px;
padding: 4px 8px;
margin-right: 8px;
background: black;
color: white;
font-size: 1.8rem;
}