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

Fix fixed navbar

Browse Source
This commit is contained in:
samaradel
2020-11-11 15:54:08 +02:00
parent 7b05b50e3f
commit 83576b23b8
4 changed files with 38 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/PostListItem.vue
View File

@@ -84,8 +84,4 @@ export default {
max-width: 100%;
height: auto;
}
.flex-post:first-child {
margin-top: 60px;
}
</style>

69
src/index.html
View File

@@ -1,47 +1,50 @@
<!DOCTYPE html>
<html ${htmlAttrs}>
<head>
<head>
${head}
</head>
<body ${bodyAttrs}>
</head>
<body ${bodyAttrs}>
<script>
// Add dark / light detection that runs before Vue.js load. Borrowed from overreacted.io
// for this starter, i used the code from gridsome.org
(function() {
window.__onThemeChange = function() {};
function setTheme(newTheme) {
// Add dark / light detection that runs before Vue.js load. Borrowed from overreacted.io
// for this starter, i used the code from gridsome.org
(function() {
window.__onThemeChange = function() {};
window.__theme = newTheme;
preferredTheme = newTheme;
document.body.setAttribute('data-theme', newTheme);
function setTheme(newTheme) {
window.__onThemeChange(newTheme);
}
window.__theme = newTheme;
preferredTheme = newTheme;
document.body.setAttribute('data-theme', newTheme);
var preferredTheme;
try {
preferredTheme = localStorage.getItem('theme');
} catch (err) { }
window.__onThemeChange(newTheme);
}
window.__setPreferredTheme = function(newTheme) {
setTheme(newTheme);
try {
localStorage.setItem('theme', newTheme);
} catch (err) {}
}
var preferredTheme;
try {
preferredTheme = localStorage.getItem('theme');
} catch (err) {}
var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
window.__setPreferredTheme = function(newTheme) {
setTheme(newTheme);
try {
localStorage.setItem('theme', newTheme);
} catch (err) {}
}
darkQuery.addListener(function(e) {
window.__setPreferredTheme(e.matches ? 'dark' : 'light');
});
var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
setTheme(preferredTheme || (darkQuery.matches ? 'dark' : 'light'));
})();
darkQuery.addListener(function(e) {
window.__setPreferredTheme(e.matches ? 'dark' : 'light');
});
setTheme(preferredTheme || (darkQuery.matches ? 'dark' : 'light'));
})();
</script>
${app}
${scripts}
</body>
${app} ${scripts}
</body>
</html>

2
src/layouts/Default.vue
View File

@@ -49,7 +49,7 @@ export default {
metaInfo: {
bodyAttrs: {
class: "m-0"
class: "m-0 pt-12"
}
}
}

2
src/pages/About.vue
View File

@@ -1,5 +1,5 @@
<template>
<Layout :hideHeader="false" :disableScroll="true">
<Layout :hideHeader="true" :disableScroll="true">
<div class="container sm:pxi-0 mx-auto overflow-x-hidden">