sendevia/website
1
0
Fork 0
mirror of https://github.com/sendevia/website.git synced 2026-03-05 23:32:45 +08:00
Code Activity

style(Article): optimize image display

Browse Source
This commit is contained in:
sendevia
2026-02-25 23:17:02 +08:00
parent 008160b3c9
commit 6a0cc5f5cb
2 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
.vitepress/theme/styles/layouts/Article.scss
View File

@@ -625,24 +625,18 @@
font-variation-settings: "wght" 700;
}
&:has(img) {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6px;
img {
display: inline-block;
img {
display: inline-block;
width: 100%;
width: 100%;
border-radius: var(--md-sys-shape-corner-medium);
border-radius: var(--md-sys-shape-corner-medium);
cursor: pointer;
transition: border-radius var(--md-sys-motion-spring-fast-spatial-duration) var(--md-sys-motion-spring-fast-spatial);
cursor: pointer;
transition: border-radius var(--md-sys-motion-spring-fast-spatial-duration) var(--md-sys-motion-spring-fast-spatial);
&:hover {
border-radius: var(--md-sys-shape-corner-extra-large);
}
&:hover {
border-radius: var(--md-sys-shape-corner-extra-large);
}
}
}
@@ -842,10 +836,6 @@
@media screen and (max-width: 600px) {
#article-content {
grid-column: 1 / 5;
p:has(img) {
grid-template-columns: 1fr;
}
}
#article-aside {

12
.vitepress/theme/styles/main.scss
View File

@@ -52,6 +52,18 @@ body {
background-color: var(--md-sys-color-on-surface-variant);
}
&.light {
img[data-mode="darkmode-only"] {
display: none !important;
}
}
&.dark {
img[data-mode="lightmode-only"] {
display: none !important;
}
}
}
#app {