xcc.es
[READ-ONLY] Mirror of https://github.com/mrgnw/morganwill.com.
morganwill.com
remove extra gap in qrmode
author
Morgan
date
(Nov 9, 2024, 2:40 PM +0100)
commit
5f43fd5f
5f43fd5faae308578d2ec5371af3c12eb73e2ead
parent
7dbc80c6
7dbc80c684e63b01a8912042a2baec4fd151c7be
+2
-3
+2
-3
src/routes/+page.svelte
+2
-3
src/routes/+page.svelte
···
94
94
95
95
<h1 class="title"
96
96
ondblclick={() => qrMode = !qrMode}
97
-
style="min-height: {qrMode ? '128px' : 'auto'}"
98
97
>
99
98
{#if qrMode && selected !== 'Morgan'}
100
99
<Qr url={links.find(l => l.title === selected)?.url} size={128} />
···
173
172
display: flex;
174
173
justify-content: center;
175
174
align-items: center;
176
-
user-select: none; /* Prevents text selection on double click */
175
+
user-select: none;
176
+
height: 128px;
177
177
}
178
178
179
179
.container {
···
211
211
margin: 0 auto;
212
212
}
213
213
214
-
/* Only switch to two columns if content is too tall for viewport */
215
214
@media (max-height: 800px) {
216
215
.links {
217
216
grid-template-columns: repeat(2, 1fr);