Style improvements to sidebar and footer (#587)

This commit is contained in:
Alessio Gravili 2022-01-24 18:25:47 +01:00 committed by GitHub
parent 3489b68ff8
commit c83ed9087c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 3 deletions

View File

@ -4,7 +4,7 @@
<br /> <br />
<v-row align="center" justify="center"> <v-row align="center" justify="center">
<v-col cols="12" class="d-flex justify-center"> <v-col cols="12" class="d-flex justify-center">
By using this site you're accepting our <a href="https://papermc.io/community-guidelines"> Terms of Service</a> <p>By using this site you're accepting our <a href="https://papermc.io/community-guidelines">Terms of Service</a></p>
</v-col> </v-col>
</v-row> </v-row>

View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<v-row> <v-row>
<v-col cols="12" sm="8" md="5" offset-md="3"> <v-col cols="12" sm="8" md="5" offset-md="3" class="main-plugin-content">
<br /> <br />
<br /> <br />
<v-row justify="center" align="center"> <v-row justify="center" align="center">
@ -20,7 +20,7 @@
</v-row> </v-row>
</v-col> </v-col>
<v-col cols="12" sm="2" md="2"> <v-col cols="12" md="2" class="main-sidebar">
<br /> <br />
<HangarSponsor :sponsor="sponsor" /> <HangarSponsor :sponsor="sponsor" />
@ -160,3 +160,22 @@ export default class Home extends HangarComponent {
} }
} }
</script> </script>
<style lang="scss" scoped>
@media (max-width: 746px) {
.main-plugin-content {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 747px) and (max-width: 840px) {
.main-sidebar {
max-width: 30%;
}
}
@media (min-width: 841px) and (max-width: 1370px) {
.main-sidebar {
max-width: 25%;
}
}
</style>