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 */
|
||||
@media only screen and (min-width: 769px) and (max-width: 1280px) {
|
||||
/* 3 pages per row - Tablets and small desktops */
|
||||
@media only screen and (min-width: 769px) and (max-width: 1199px) {
|
||||
.page-container {
|
||||
width: calc((100vw - 140px - 45px) / 3); /* Adjusted for better space utilization */
|
||||
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 */
|
||||
@media only screen and (min-width: 1281px) {
|
||||
.page-container {
|
||||
|
Loading…
Reference in New Issue
Block a user