syhily/yufan.me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: fix the style css import issues.

Browse Source
This commit is contained in:
Yufan Sheng 2024-12-09 17:56:40 +08:00
parent d16418c740
commit 22f205243d
Signed by: syhily
GPG Key ID: 9D18A22A7DCD5A9B
4 changed files with 14 additions and 14 deletions
.vscode
settings.json
src
assets
scripts
globals.js
styles
globals.css
layouts
BaseLayout.astro

1
.vscode/settings.json vendored
View File

@ -116,6 +116,7 @@
"pilgi",
"plaiceholder",
"playform",
"playpause",
"psql",
"pswp",
"pwsz",

4
src/assets/scripts/yufan.me.js → src/assets/scripts/globals.js
View File

@ -1,11 +1,11 @@
import PhotoSwipeSlideshow from '@/assets/scripts/photoswipe-slideshow.js';
import stickySidebar from '@/assets/scripts/sticky-sidebar.js';
import Aplayer from 'aplayer/dist/APlayer.min.js';
import { actions, isInputError } from 'astro:actions';
import PhotoSwipe from 'photoswipe';
import PhotoSwipeDynamicCaption from 'photoswipe-dynamic-caption-plugin';
import PhotoSwipeVideo from 'photoswipe-video-plugin';
import PhotoSwipeLightbox from 'photoswipe/lightbox';
import PhotoSwipeSlideshow from './photoswipe-slideshow.js';
import stickySidebar from './sticky-sidebar.js';
// Slideshow for Album.
for (const album of document.querySelectorAll('.post-content .album')) {

13
src/assets/styles/globals.css
View File

@ -1,3 +1,10 @@
@import 'bootstrap/dist/css/bootstrap.min.css';
@import 'aplayer/dist/APlayer.min.css';
@import '@/assets/styles/reset.css';
@import '@/assets/styles/iconfont/iconfont.css';
@import 'photoswipe/style.css';
@import 'photoswipe-dynamic-caption-plugin/photoswipe-dynamic-caption-plugin.css';
@media (min-width: 1200px) {
.content-wrapper {
width: 71%;
@ -1504,8 +1511,8 @@ textarea.form-control {
color: rgba(255, 255, 255, 0.5) !important;
}
#recent_posts a:hover,
#tag_cloud a:hover,
#recent-posts a:hover,
#tag-cloud a:hover,
#recent-comments a:hover {
color: var(--color-primary);
}
@ -3230,7 +3237,7 @@ blockquote p:last-child {
.aplayer {
max-width: 350px;
margin: 0 0 1.25rem;
margin: 1.25rem 0 1.25rem;
}
@media (max-width: 767.98px) {

10
src/layouts/BaseLayout.astro
View File

@ -1,13 +1,5 @@
---
// tslint:disable:ordered-imports
import 'bootstrap/dist/css/bootstrap.min.css';
import '@/assets/styles/iconfont/iconfont.css';
import '@/assets/styles/reset.css';
import '@/assets/styles/globals.css';
import 'aplayer/dist/APlayer.min.css';
import 'photoswipe/style.css';
import 'photoswipe-dynamic-caption-plugin/photoswipe-dynamic-caption-plugin.css';
import Footer from '@/components/footer/Footer.astro';
import Header from '@/components/header/Header.astro';
import PageMeta from '@/components/meta/PageMeta.astro';
@ -75,7 +67,7 @@ const showFooter = Astro.props.footer !== undefined ? Astro.props.footer : true;
</ul>
</div>
<script>
import '../assets/scripts/yufan.me.js';
import '@/assets/scripts/globals.js';
</script>
<SearchDialog />
</body>