mirror of
https://github.com/Frooodle/Stirling-PDF.git
synced 2025-09-08 17:51:20 +02:00
one last page snag
This commit is contained in:
parent
d07ea81c93
commit
2ddafb3b16
@ -172,8 +172,8 @@ label {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 3-4 pages per row - Merged breakpoint for tablets and small desktops */
|
/* 3 pages per row - Tablets and small desktops */
|
||||||
@media only screen and (min-width: 769px) and (max-width: 1280px) {
|
@media only screen and (min-width: 769px) and (max-width: 1199px) {
|
||||||
.page-container {
|
.page-container {
|
||||||
width: calc((100vw - 140px - 45px) / 3); /* Adjusted for better space utilization */
|
width: calc((100vw - 140px - 45px) / 3); /* Adjusted for better space utilization */
|
||||||
height: calc((100vw - 140px - 45px) / 3);
|
height: calc((100vw - 140px - 45px) / 3);
|
||||||
@ -186,6 +186,20 @@ label {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 4 pages per row - Medium desktops */
|
||||||
|
@media only screen and (min-width: 1200px) and (max-width: 1280px) {
|
||||||
|
.page-container {
|
||||||
|
width: calc((100vw - 160px - 60px) / 4); /* Adjusted for 4 pages */
|
||||||
|
height: calc((100vw - 160px - 60px) / 4);
|
||||||
|
max-width: 200px;
|
||||||
|
max-height: 200px;
|
||||||
|
margin: 8px;
|
||||||
|
}
|
||||||
|
#pages-container {
|
||||||
|
gap: 17px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* 5 pages per row - Large desktops */
|
/* 5 pages per row - Large desktops */
|
||||||
@media only screen and (min-width: 1281px) {
|
@media only screen and (min-width: 1281px) {
|
||||||
.page-container {
|
.page-container {
|
||||||
|
Loading…
Reference in New Issue
Block a user