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

Init why page header

Browse Source
This commit is contained in:
samaradel
2021-04-04 15:46:23 +02:00
parent fbc26b0b72
commit f7477ca393
9 changed files with 135 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,7 @@
<template>
<div class="fixed inset-0 h-16 bg-white">
<header
class="flex items-center justify-between flex-wrap container mx-auto px-4 sm:px-0 py-4 transition-all transition-500"
class="inline-flex items-center justify-between flex-wrap container-fluid mx-auto px-4 sm:px-0 py-4 transition-all transition-500"
:class="{
'opacity-100': !disableScroll && scrollPosition > headerHeight,
'opacity-0': !disableScroll && scrollPosition < headerHeight,
@@ -336,6 +336,13 @@ export default {
};
</script>
<style scoped>
.container-fluid {
width: 100%;
padding-right: 160px;
padding-left: 160px;
margin-right: auto;
margin-left: auto;
}
input:focus,
button:focus {
outline: 0;
@@ -361,5 +368,10 @@ a.active--exact.active {
.navbar {
width: 100%;
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
</style>
</style>