xinyin025/hello-algo
1
0
Fork 0
mirror of https://github.com/krahets/hello-algo.git synced 2026-08-30 20:07:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix mobile reading media overflow (#1896)

Browse Source
This commit is contained in:
Yudong Jin
2026-04-19 02:23:31 +08:00
committed by GitHub
parent 22b3b568ef
commit 4935d2d387
2 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
overrides/stylesheets/extra.css
+13
View File
@@ -284,6 +284,7 @@ body {
.home-div { .home-div {
width: 100%; width: 100%;
height: auto; height: auto;
box-sizing: border-box;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@@ -624,6 +625,18 @@ a:hover .text-button span {
height: min(78vw, 32rem); height: min(78vw, 32rem);
margin: 0 0 1em; margin: 0 0 1em;
} }
.media-block>a {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 100%;
}
.media-block .device-on-hover {
max-width: 100%;
}
} }
.video-container { .video-container {
overrides/zensical/stylesheets/extra.css
+13
View File
@@ -383,6 +383,7 @@ html:has(body[data-md-color-scheme="default"]) {
.home-div { .home-div {
width: 100%; width: 100%;
height: auto; height: auto;
box-sizing: border-box;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@@ -805,4 +806,16 @@ a:hover .device-on-hover {
height: min(78vw, 32rem); height: min(78vw, 32rem);
margin: 0 0 1em; margin: 0 0 1em;
} }
.media-block>a {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 100%;
}
.media-block .device-on-hover {
max-width: 100%;
}
} }