diff --git a/.vitepress/theme/styles/layouts/Article.scss b/.vitepress/theme/styles/layouts/Article.scss index 9d25875..c5db465 100644 --- a/.vitepress/theme/styles/layouts/Article.scss +++ b/.vitepress/theme/styles/layouts/Article.scss @@ -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 { diff --git a/.vitepress/theme/styles/main.scss b/.vitepress/theme/styles/main.scss index cd1d6d1..a37984a 100644 --- a/.vitepress/theme/styles/main.scss +++ b/.vitepress/theme/styles/main.scss @@ -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 {