mirror of
https://github.com/nicoverbruggen/ebook-fonts-showcase.git
synced 2026-03-22 21:10:08 +01:00
Fix size of device on mobile
This commit is contained in:
23
index.php
23
index.php
@@ -387,6 +387,29 @@ if ($fontFilesJson === false) {
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
:root {
|
||||||
|
--screen-width: 320px;
|
||||||
|
--screen-height: 520px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page {
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reader {
|
||||||
|
width: min(100%, 360px);
|
||||||
|
padding: 20px 16px 28px;
|
||||||
|
border-radius: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reader-screen {
|
||||||
|
padding: 16px;
|
||||||
|
min-height: 520px;
|
||||||
|
height: 520px;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
Reference in New Issue
Block a user