xcc.es
[READ-ONLY] Mirror of https://github.com/mrgnw/morganwill.com.
morganwill.com
BIGGER
author
Morgan Williams
date
(Nov 26, 2025, 1:51 PM +0100)
commit
520005fc
520005fcedd8fe45eafaacf22c3aa284348bfdd4
parent
f8ead0a0
f8ead0a0496274d80b7593423898fdf9cc537fda
+24
-17
+24
-16
src/components/LinkIcons.svelte
+24
-16
src/components/LinkIcons.svelte
···
224
224
align-items: center;
225
225
align-content: center;
226
226
gap: .1rem;
227
-
padding: 0;
227
+
padding: 0.5rem;
228
228
width: 100%;
229
229
max-width: 100vw;
230
230
min-height: 100vh;
···
266
266
/* Scale QR based on number of items - desktop */
267
267
@media (min-width: 768px) {
268
268
.qrs-grid:has(> :nth-child(2)) .qr-card-code :global(svg) {
269
-
width: min(44vw, 500px);
270
-
height: min(44vw, 500px);
271
-
max-height: 70vh;
269
+
width: min(46vw, 80vh);
270
+
height: min(46vw, 80vh);
272
271
}
273
272
274
273
.qrs-grid:has(> :nth-child(3)) .qr-card-code :global(svg) {
275
-
width: min(30vw, 450px);
276
-
height: min(30vw, 450px);
277
-
max-height: 65vh;
274
+
width: min(32vw, 75vh);
275
+
height: min(32vw, 75vh);
278
276
}
279
277
280
278
.qrs-grid:has(> :nth-child(4)) .qr-card-code :global(svg) {
281
-
width: min(23vw, 400px);
282
-
height: min(23vw, 400px);
283
-
max-height: 60vh;
279
+
width: min(24vw, 45vh);
280
+
height: min(24vw, 45vh);
284
281
}
285
282
286
283
.qrs-grid:has(> :nth-child(5)) .qr-card-code :global(svg) {
287
-
width: min(18vw, 320px);
288
-
height: min(18vw, 320px);
289
-
max-height: 50vh;
284
+
width: min(19vw, 42vh);
285
+
height: min(19vw, 42vh);
290
286
}
291
287
292
288
.qrs-grid:has(> :nth-child(7)) .qr-card-code :global(svg) {
293
-
width: min(14vw, 260px);
294
-
height: min(14vw, 260px);
295
-
max-height: 45vh;
289
+
width: min(19vw, 42vh);
290
+
height: min(19vw, 42vh);
291
+
}
292
+
293
+
.qrs-grid:has(> :nth-child(9)) .qr-card-code :global(svg) {
294
+
width: min(19vw, 38vh);
295
+
height: min(19vw, 38vh);
296
+
}
297
+
298
+
.qrs-grid:has(> :nth-child(10)) .qr-card-code :global(svg) {
299
+
width: min(19vw, 30vh);
300
+
height: min(19vw, 30vh);
296
301
}
297
302
}
298
303
···
328
333
@media (max-width: 767px) {
329
334
.qrs-grid {
330
335
flex-direction: column;
336
+
align-content: flex-start;
331
337
gap: 0.5rem;
332
338
padding: 0.5rem;
339
+
min-height: auto;
340
+
overflow-y: auto;
333
341
}
334
342
335
343
.qr-card {