mirror/Hangar
2
0
Fork 0
mirror of https://github.com/HangarMC/Hangar.git synced 2024-11-21 01:21:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

Style improvements to sidebar and footer (#587)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/components/layouts/Footer.vue
View File

@ -4,7 +4,7 @@
<br />
<v-row align="center" 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-row>

23
frontend/pages/index.vue
View File

@ -1,7 +1,7 @@
<template>
<div>
<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 />
<v-row justify="center" align="center">
@ -20,7 +20,7 @@
</v-row>
</v-col>
<v-col cols="12" sm="2" md="2">
<v-col cols="12" md="2" class="main-sidebar">
<br />
<HangarSponsor :sponsor="sponsor" />
@ -160,3 +160,22 @@ export default class Home extends HangarComponent {
}
}
</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>