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

Make footer sane, change light background color to forums background

Browse Source
This commit is contained in:
Nassim Jahnke 2022-03-21 16:14:08 +01:00
parent c284ed4050
commit 72944b1e76
No known key found for this signature in database
GPG Key ID: 6BE3B555EBC5982B
2 changed files with 2 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
frontend-new/src/components/layout/Footer.vue
View File

@ -1,39 +1,6 @@
<template>
<footer class="relative flex items-end mt-10 bg-gradient-to-r from-[#004ee9] to-[#367aff] px-8 pt-15 pb-2 text-background-light-10 min-h-70">
<footer class="relative flex items-end mt-10 bg-[#ecf2fb] dark:bg-[#212121] px-8 pb-2 text-light-10 min-h-10">
<div class="footerContent w-screen">
<div class="flex justify-center flex-col justify-center gap-y-6 max-w-1200px m-auto" md="gap-x-6 gap-y-0 flex-row">
<div md="w-1/3 min-w-1/3 max-w-1/3">
<p class="text-l font-bold text-center mb-2">About Hangar</p>
<p class="text-sm">
Hangar is an NFT plugin repository, hosted in the blockchain. Every plugin is unique and owned just by you. Can you use it on your server? No! You
only own the receipt.
</p>
</div>
<div md="w-1/3 min-w-1/3 max-w-1/3">
<p class="text-l font-bold text-center mb-2">Links</p>
<div class="flex flex-col items-center gap-y-3">
<router-link
:to="{ name: 'staff' }"
class="flex items-center justify-center rounded-md px-4 py-2 background-body w-fit text-sm"
light="text-black"
hover="text-primary-100"
>
Open Crypto Wallet
</router-link>
<router-link
:to="{ name: 'staff' }"
class="flex items-center justify-center rounded-md px-4 py-2 background-body w-fit text-sm"
light="text-black"
hover="text-primary-100"
>
Exchange Plugin NFTs
</router-link>
</div>
</div>
<div md="w-1/3 min-w-1/3 max-w-1/3">
<p class="text-l font-bold text-center mb-2">More from Paper</p>
</div>
</div>
<div class="footerBar flex items-center justify-around mt-4 max-w-1200px m-auto text-sm">
<p>Copyright © <a href="https://papermc.io/">PaperMC</a> 2016 - 2022</p>
<div class="footerBarLinks flex">
@ -45,16 +12,5 @@
</div>
</div>
</div>
<div class="footerShape absolute z-1 left-0 right-0 top-0 overflow-hidden pointer-events-none" style="transform: scaleY(-1) scaleX(-1)">
<svg
class="fill-background-light-10 h-240px min-w-full"
dark="fill-background-dark-80"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1200 218"
preserveAspectRatio="none"
>
<path d="M0 218h1200v-61.3l-40 0,961 V 0,480 C 268.5,456.5 537,433 857,433 C 1177,433 1548.5,456.5 1920,480 C 1920,480 1920,961 1920,961 Z"></path>
</svg>
</div>
</footer>
</template>

2
frontend-new/windi.config.ts
View File

@ -37,7 +37,7 @@ export default defineConfig({
colors: {
"background-dark-90": "#111111",
"background-dark-80": "#181a1b",
"background-light-10": "#f2f5fb",
"background-light-10": "#f8faff",
"background-light-0": "#ffffff",
"primary-100": "#004ee9",
"primary-70": "#aec9ff",