ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update nav

Browse Source
This commit is contained in:
Ehab Hassan
2021-03-23 10:49:48 +02:00
parent f84d02d550
commit ec3f0d1b86
1 changed files with 29 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/custom/Navbar/Navbar.vue
View File

@@ -23,7 +23,6 @@
v-else v-else
alt="" alt=""
/> />
<!-- <span <!-- <span
class="hidden md:block font-semibold text-xl tracking-tight" class="hidden md:block font-semibold text-xl tracking-tight"
>{{ $static.metadata.siteName }}</span >{{ $static.metadata.siteName }}</span
@@ -61,7 +60,7 @@
v-for="(element, index) in navigation.social" v-for="(element, index) in navigation.social"
class="hover:text-white sm:block" class="hover:text-white sm:block"
:class="{ :class="{
'px-2 mr-2': index != Object.keys(navigation.navLinks).length, 'px-1 mr-4': index != Object.keys(navigation.navLinks).length,
}" }"
> >
<span class="telegram_icon"> <span class="telegram_icon">
@@ -74,6 +73,28 @@
</a> </a>
</span> </span>
</li> </li>
<li class="mr-2">
<a
href="javascript:;"
onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')"
>
<svg
aria-hidden="true"
focusable="false"
data-prefix="far"
data-icon="envelope"
class="h-5 w-5 mt-1"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
>
<path
fill="currentColor"
d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"
></path>
</svg>
</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -131,7 +152,7 @@
<div v-for="(link, i) in element.submenu" :key="i"> <div v-for="(link, i) in element.submenu" :key="i">
<a <a
v-if="link.external" v-if="link.external"
class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark:bg-transparent dark:hover:bg-gray-600 dark-:focus:bg-gray-600 dark:focus:text-white dark:hover:text-white dark:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" class="block px-4 py-1 text-sm font-semibold bg-transparent rounded-lg dark:bg-transparent dark:hover:bg-gray-600 dark-:focus:bg-gray-600 dark:focus:text-white dark:hover:text-white dark:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline"
@click="open = false" @click="open = false"
:href="link.path" :href="link.path"
target="_blank" target="_blank"
@@ -139,7 +160,7 @@
> >
<a <a
v-else v-else
class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark:bg-transparent dark:hover:bg-gray-600 dark-:focus:bg-gray-600 dark:focus:text-white dark:hover:text-white dark:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" class="block px-4 py-1 text-sm font-semibold bg-transparent rounded-lg dark:bg-transparent dark:hover:bg-gray-600 dark-:focus:bg-gray-600 dark:focus:text-white dark:hover:text-white dark:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline"
@click="open = false" @click="open = false"
:href="$url(link.path)" :href="$url(link.path)"
>{{ link.title }}</a >{{ link.title }}</a
@@ -194,15 +215,15 @@
/> />
</div> --> </div> -->
<ul class="list-none inline-flex justify-center md:justify-end"> <ul class="list-none inline-flex justify-center md:justify-end">
<!-- <li class="mr-0 sm:mr-6"> <!-- <li class="mr-0 sm:mr-2">
<ThemeSwitcher v-on="$listeners" :theme="theme" /> <ThemeSwitcher v-on="$listeners" :theme="theme" />
</li> --> </li> -->
<li <li
:key="element.name" :key="element.name"
v-for="(element, index) in navigation.social" v-for="(element, index) in navigation.social"
class="sm:block" class="mr-1 sm:block"
v-bind:class="{ v-bind:class="{
'mr-6': index != Object.keys(navigation.social).length - 1, 'mr-2': index != Object.keys(navigation.social).length - 1,
}" }"
> >
<span class="telegram_icon"> <span class="telegram_icon">
@@ -272,7 +293,7 @@ export default {
if (!this.$el.contains(e.target)) { if (!this.$el.contains(e.target)) {
this.open = false; this.open = false;
this.active = !this.active; this.active = !this.active;
this.isOpen = !this.isOpen; // this.isOpen = !this.isOpen;
} }
}, },
clicked() { clicked() {