Styled DownloadEntry and fixed responsiveness
This commit is contained in:
@@ -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;
|
||||
|
Reference in New Issue
Block a user