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

update nav size

Browse Source
This commit is contained in:
Ehab Hassan
2021-09-20 13:06:32 +02:00
parent be41267540
commit 22cb8fdc4d
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,5 @@
<template> <template>
<div class="fixed inset-0 h-16 bg-white"> <div class="fixed inset-0 h-20 bg-white">
<header <header
class=" class="
inline-flex inline-flex
@@ -8,16 +8,17 @@
flex-wrap flex-wrap
container-fluid container-fluid
mx-auto mx-auto
px- py-2
sm:px-0 sm:px-0
transition-all transition-500 transition-all transition-500
" "
:class="{ :class="{
'opacity-100': !disableScroll && scrollPosition > headerHeight, 'opacity-100': !disableScroll && scrollPosition > headerHeight,
'opacity-0': !disableScroll && scrollPosition < headerHeight, 'opacity-0': !disableScroll && scrollPosition < headerHeight,
}" }"
> >
<div class="flex items-center justify-between px-4 lg:py-3 sm:p-0"> <div class="flex items-center justify-between px-4 sm:p-0">
<div class="inline-flex items-center flex-shrink-0"> <div class="inline-flex items-center flex-shrink-0">
<a href="/"> <a href="/">
<g-image <g-image