notxia/notxia.github.io
1
0
Fork 0
mirror of https://github.com/NotXia/notxia.github.io.git synced 2025-12-16 03:31:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update navbar

Browse Source
This commit is contained in:
Tian Cheng (Riccardo) Xia
2023-01-19 19:27:49 +01:00
parent 5eb3298e59
commit 8c442bc25b
2 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Navbar/Navbar.vue
View File

@ -1,17 +1,15 @@
<template> <template>
<nav class="bg-white border-gray-200 dark:bg-gray-900 px-2 sm:px-4 py-2.5 "> <nav class="bg-white border-gray-200 dark:bg-gray-900 py-2.5">
<div class="container flex flex-wrap items-center justify-between md:justify-start mx-auto"> <div class="container flex flex-wrap items-center justify-end md:justify-start mx-auto">
<div></div> <div class="block md:flex w-full">
<div class="flex justify-end items-center order-2 md:w-1/2">
<div class="block md:flex">
<div class="flex justify-end items-center order-2">
<a href="https://github.com/NotXia" class="rounded-full p-1 mx-1 hover:bg-slate-200 dark:hover:bg-slate-700"> <a href="https://github.com/NotXia" class="rounded-full p-1 mx-1 hover:bg-slate-200 dark:hover:bg-slate-700">
<img :src="github_icon" alt="Github" class="h-5 dark:invert" /> <img :src="github_icon" alt="Github" class="h-5 dark:invert" />
</a> </a>
<ThemeSwitch class="mx-1" /> <ThemeSwitch class="mx-1" />
<LanguageSelector class="mx-1" /> <LanguageSelector class="mx-1" />
<button class="inline-flex items-center p-2 ml-3 text-sm text-gray-500 md:hidden dark:text-gray-400" <button class="inline-flex items-center mx-3 text-sm text-gray-500 md:hidden dark:text-gray-400"
data-collapse-toggle="navbar-main" type="button" aria-controls="navbar-main" aria-expanded="false"> data-collapse-toggle="navbar-main" type="button" aria-controls="navbar-main" aria-expanded="false">
<span class="sr-only">{{ t("open nav") }}</span> <span class="sr-only">{{ t("open nav") }}</span>
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
@ -20,7 +18,7 @@
</button> </button>
</div> </div>
<div class="flex items-center order-1"> <div class="flex items-center order-1 md:w-1/2">
<div class="hidden w-full md:block md:w-auto" id="navbar-main"> <div class="hidden w-full md:block md:w-auto" id="navbar-main">
<ul class="flex flex-col py-4 pr-4 mt-0 md:flex-row md:space-x-8 md:text-sm md:font-medium bg-transparent"> <ul class="flex flex-col py-4 pr-4 mt-0 md:flex-row md:space-x-8 md:text-sm md:font-medium bg-transparent">
<NavLink to="/" :label="t('home')"/> <NavLink to="/" :label="t('home')"/>

2
src/components/language-selector/LanguageSelector.vue
View File

@ -1,4 +1,5 @@
<template> <template>
<div>
<button id="button-dropdown-locales" data-dropdown-toggle="dropdown-locales" type="button" <button id="button-dropdown-locales" data-dropdown-toggle="dropdown-locales" type="button"
class="rounded-full p-1 hover:bg-slate-200 dark:hover:bg-slate-700"> class="rounded-full p-1 hover:bg-slate-200 dark:hover:bg-slate-700">
<div class="w-5 h-5 flex items-center justify-center"> <div class="w-5 h-5 flex items-center justify-center">
@ -20,6 +21,7 @@
</ul> </ul>
</div> </div>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">