Skip to content

Commit 6693527

Browse files
authored
Merge pull request #11 from aintnier/responsive
Enhance ErrorPage styles for canvas responsiveness across breakpoints
2 parents 948bea8 + 12de8ff commit 6693527

1 file changed

Lines changed: 22 additions & 0 deletions

File tree

src/styles/ErrorPage.css

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,11 @@
5252
padding: clamp(1.5rem, 4vw, 2.5rem);
5353
gap: clamp(2rem, 5vw, 3rem);
5454
}
55+
56+
.error-page canvas {
57+
min-width: 200px;
58+
min-height: 120px;
59+
}
5560
}
5661

5762
@media (max-width: 768px) {
@@ -60,6 +65,11 @@
6065
gap: clamp(2rem, 5vw, 3rem);
6166
}
6267

68+
.error-page canvas {
69+
min-width: 180px;
70+
min-height: 100px;
71+
}
72+
6373
.error-page p {
6474
font-size: clamp(0.95rem, 3vw, 1.2rem);
6575
max-width: 500px;
@@ -78,6 +88,11 @@
7888
gap: clamp(1.8rem, 4vw, 2.5rem);
7989
}
8090

91+
.error-page canvas {
92+
min-width: 160px;
93+
min-height: 90px;
94+
}
95+
8196
.error-page p {
8297
font-size: clamp(0.9rem, 3.5vw, 1.1rem);
8398
max-width: 400px;
@@ -100,6 +115,13 @@
100115
min-height: 100svh; /* Supporto per Safari mobile */
101116
}
102117

118+
.error-page canvas {
119+
min-width: 140px;
120+
min-height: 80px;
121+
width: 60vw !important;
122+
max-width: 250px;
123+
}
124+
103125
.error-page p {
104126
font-size: clamp(0.85rem, 4vw, 1rem);
105127
max-width: 300px;

0 commit comments

Comments
 (0)