Borders only on desktop

This commit is contained in:
2020-01-22 17:31:22 +01:00
parent 96f48467c6
commit 16317a72d3

View File

@@ -51,6 +51,7 @@ export default {
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
body { body {
margin: 0; margin: 0;
color: #333333; color: #333333;
@@ -59,6 +60,8 @@ body {
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '../styles/media-queries.scss';
.bottom-container { .bottom-container {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -74,7 +77,10 @@ body {
.bought-and-highscore-separator { .bought-and-highscore-separator {
border: none; border: none;
border-bottom: 1px solid rgb(237, 237, 237);
@include desktop {
border-bottom: 1px solid rgb(237, 237, 237);
}
} }
.highscore-and-wines { .highscore-and-wines {
@@ -88,10 +94,13 @@ body {
} }
.vipps-outer-container { .vipps-outer-container {
border-left: 1px solid rgb(237, 237, 237);
margin-left: 20px;
display: flex; display: flex;
align-items: center; align-items: center;
@include desktop {
margin-left: 20px;
border-left: 1px solid rgb(237, 237, 237);
}
} }
@font-face { @font-face {