Styled DownloadEntry and fixed responsiveness

This commit is contained in:
Leon Etienne (ubuntu wsl)
2020-09-30 02:20:11 +02:00
parent e2338f423c
commit 189dc71c32
7 changed files with 327 additions and 4 deletions

View File

@@ -22,7 +22,7 @@ export default {
};
</script>
<style lang="css" scoped>
<style lang="scss" scoped>
.main-column {
width: 80%;
padding: 0 20% 50px 20%;
@@ -30,6 +30,18 @@ export default {
box-shadow: 0 0 50px 50px #0005;
min-height: 100vh;
@media (max-width: theme('screens.fhd')) {
width: 100%;
padding: 0 20px;
padding: 0 200px 50px 200px;
}
@media (max-width: theme('screens.xl')) {
width: 100%;
padding: 0 20px;
padding: 0 100px 50px 100px;
}
@media (max-width: theme('screens.md')) {
width: 100%;
padding: 0 20px;