wancat/linux-odyssey
1
0 Fork 0
mirror of https://github.com/linux-odyssey/linux-odyssey.git synced 2026-11-07 19:10:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix header justify end property

Browse Source
This commit is contained in:
Annie Huang committed 2024-04-06 22:06:29 +08:00
1 parent e37a23c34f
commit 980d0497f4
2 files changed
+33 -10
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/src/components/header/HeaderPart.vue
+3 -3
View File
@@ -18,7 +18,7 @@ const toggleMenu = () => {
</script>
<template>
<div
class="w-full top-0 px-5 fixed flex flex-row bg-bg-secondary justify-between items-center sm:justify-start"
class="w-full top-0 px-5 fixed flex flex-row flex-wrap bg-bg-secondary justify-between items-center sm:justify-between"
>
<div class="flex flex-row items-center gap-3" :class="{ hidden: menuOpen }">
<img src="../../img/icon_totem.svg" class="h-8 justify-self-start" />
@@ -38,14 +38,14 @@ const toggleMenu = () => {
</p>
</div>
<div
class="w-full flex flex-col gap-3 items-center justify-end sm:w-auto sm:flex-row sm:block sm:ml-6"
class="w-full flex flex-col gap-3 items-center justify-end sm:w-auto sm:block sm:ml-6"
:class="{ hidden: !menuOpen }"
>
<component :is="headerComponent" />
</div>
<button
type="button"
class="flex items-center justify-end h-5 w-5 rounded-md sm:hidden"
class="flex items-center h-5 w-5 rounded-md sm:hidden"
aria-controls="mobile-menu"
aria-expanded="false"
@click="toggleMenu"