fix: fix HMR not working. (#195)

* inline style to base.css

* revert banner style

* Properly revert the banner-related issues.
This commit is contained in:
Katsuyuki Karasawa
2024-10-26 16:37:24 +09:00
committed by saicaca
parent 85c9e1f5d2
commit 450ab150a3
10 changed files with 547 additions and 411 deletions

View File

@@ -61,12 +61,12 @@ if (!lang) {
const siteLang = lang.replace('_', '-')
const bannerOffsetByPosition = {
'top': '30vh',
'center': '15vh',
'bottom': '0'
top: '30vh',
center: '15vh',
bottom: '0',
}
const bannerOffset = bannerOffsetByPosition[siteConfig.banner.position || 'center']
const bannerOffset =
bannerOffsetByPosition[siteConfig.banner.position || 'center']
---
<!DOCTYPE html>
@@ -151,16 +151,16 @@ const bannerOffset = bannerOffsetByPosition[siteConfig.banner.position || 'cente
<div id="page-height-extend" class="hidden h-[300vh]"></div>
</body>
</html>
<style is:global>
:root {
--hue: var(--configHue);
--page-width: 75rem;
}
</style>
<style is:global define:vars={{ bannerOffset }}>
@tailwind components;
@tailwind utilities;
@layer components {
.enable-banner.is-home #banner-wrapper {
@apply h-[var(--banner-height-home)] translate-y-[30vh]
@@ -189,6 +189,7 @@ const bannerOffset = bannerOffsetByPosition[siteConfig.banner.position || 'cente
}
}
</style>
<script>
import 'overlayscrollbars/overlayscrollbars.css';
import {