notxia/notxia.github.io
1
0
Fork 0
mirror of https://github.com/NotXia/notxia.github.io.git synced 2025-12-15 19:22:21 +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 18:10:20 +01:00
parent 5795c2e4af
commit 1243708686
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,15 +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 px-2 sm:px-4 py-2.5 ">
<div class="container flex flex-wrap items-center justify-between mx-auto"> <div class="container flex flex-wrap items-center justify-between md:justify-start mx-auto">
<div></div> <div></div>
<div class="block md:flex"> <div class="block md:flex">
<div class="flex justify-end items-center order-2"> <div class="flex justify-end items-center order-2">
<a href="https://github.com/NotXia" class="rounded-full p-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 /> <ThemeSwitch class="mx-1" />
<LanguageSelector /> <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 p-2 ml-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">
@ -51,7 +51,6 @@
const { t } = useI18n({ messages: locale }); const { t } = useI18n({ messages: locale });
onMounted(() => { onMounted(() => {
console.log("A")
initCollapses(); initCollapses();
}) })
</script> </script>