[S] Adapt to smaller screen
This commit is contained in:
+9
-1
@@ -24,7 +24,15 @@ export default class Blog extends Vue
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="sass" scoped>
|
<style lang="sass" scoped>
|
||||||
|
$width: 600px
|
||||||
|
|
||||||
#Blog
|
#Blog
|
||||||
width: 600px
|
width: $width
|
||||||
margin: 20px auto
|
margin: 20px auto
|
||||||
|
|
||||||
|
// Phone layout
|
||||||
|
@media screen and (max-width: $width + 40px)
|
||||||
|
#Blog
|
||||||
|
margin: 10px
|
||||||
|
width: unset
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user