mirror/Hangar
2
0
Fork 0
mirror of https://github.com/HangarMC/Hangar.git synced 2025-01-30 14:30:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

Header login and signup buttons

Browse Source
This commit is contained in:
Alessio Gravili 2022-02-26 20:40:42 +01:00 committed by MiniDigger | Martin
parent 22461c27d2
commit be6e1e9103
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend-new/src/components/Header.vue
View File

@ -144,11 +144,21 @@ const loggedIn = false; // TODO
</div> </div>
<div class="login-buttons flex gap-2 items-center"> <div class="login-buttons flex gap-2 items-center">
<button class="flex" @click="theme.toggleDarkMode()"> <button class="flex mr-2" @click="theme.toggleDarkMode()">
<icon-mdi-weather-night v-if="theme.darkMode" style="font-size: 1.2em;"></icon-mdi-weather-night> <icon-mdi-weather-night v-if="theme.darkMode" style="font-size: 1.2em;"></icon-mdi-weather-night>
<icon-mdi-white-balance-sunny v-else style="font-size: 1.2em;"></icon-mdi-white-balance-sunny> <icon-mdi-white-balance-sunny v-else style="font-size: 1.2em;"></icon-mdi-white-balance-sunny>
</button> </button>
<p>login</p> <div v-if="!loggedIn" class="flex">
<a class="flex items-center rounded-md px-2 py-2" href="https://hangar-auth.benndorf.dev/account/login" hover="text-primary-100 bg-primary-50">
<icon-mdi-key-outline class="mr-1" style="font-size: 1.2em;"/>
{{ t("nav.login") }}
</a>
<a class="flex items-center rounded-md px-2 py-2" href="https://hangar-auth.benndorf.dev/account/signup/" hover="text-primary-100 bg-primary-50">
<icon-mdi-clipboard-outline class="mr-1" style="font-size: 1.2em;"/>
{{ t("nav.signup") }}
</a>
</div>
</div> </div>
</div> </div>
</header> </header>

2
frontend-new/src/types/components.d.ts vendored
View File

@ -9,11 +9,13 @@ declare module 'vue' {
Header: typeof import('./../components/Header.vue')['default'] Header: typeof import('./../components/Header.vue')['default']
IconMdiAccountGroup: typeof import('~icons/mdi/account-group')['default'] IconMdiAccountGroup: typeof import('~icons/mdi/account-group')['default']
IconMdiBookOpen: typeof import('~icons/mdi/book-open')['default'] IconMdiBookOpen: typeof import('~icons/mdi/book-open')['default']
IconMdiClipboardOutline: typeof import('~icons/mdi/clipboard-outline')['default']
IconMdiCodeBraces: typeof import('~icons/mdi/code-braces')['default'] IconMdiCodeBraces: typeof import('~icons/mdi/code-braces')['default']
IconMdiDownloadCircle: typeof import('~icons/mdi/download-circle')['default'] IconMdiDownloadCircle: typeof import('~icons/mdi/download-circle')['default']
IconMdiForum: typeof import('~icons/mdi/forum')['default'] IconMdiForum: typeof import('~icons/mdi/forum')['default']
IconMdiHome: typeof import('~icons/mdi/home')['default'] IconMdiHome: typeof import('~icons/mdi/home')['default']
IconMdiKey: typeof import('~icons/mdi/key')['default'] IconMdiKey: typeof import('~icons/mdi/key')['default']
IconMdiKeyOutline: typeof import('~icons/mdi/key-outline')['default']
IconMdiLanguageJava: typeof import('~icons/mdi/language-java')['default'] IconMdiLanguageJava: typeof import('~icons/mdi/language-java')['default']
IconMdiMenu: typeof import('~icons/mdi/menu')['default'] IconMdiMenu: typeof import('~icons/mdi/menu')['default']
IconMdiPuzzle: typeof import('~icons/mdi/puzzle')['default'] IconMdiPuzzle: typeof import('~icons/mdi/puzzle')['default']