CS_learn/hello-algo
1
0
Fork 0
mirror of https://github.com/krahets/hello-algo.git synced 2026-06-10 06:15:46 +08: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

13
overrides/stylesheets/extra.css
View File

@@ -284,6 +284,7 @@ body {
.home-div {
width: 100%;
height: auto;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
@@ -624,6 +625,18 @@ a:hover .text-button span {
height: min(78vw, 32rem);
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 {

13
overrides/zensical/stylesheets/extra.css
View File

@@ -383,6 +383,7 @@ html:has(body[data-md-color-scheme="default"]) {
.home-div {
width: 100%;
height: auto;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
@@ -805,4 +806,16 @@ a:hover .device-on-hover {
height: min(78vw, 32rem);
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%;
}
}