vt3e.cat
this repo has no descr,ription
vt3e.cat
feat: minor changes to cardlayout; rm hover styles from gallery items
+2
-11
+2
-2
pkgs/web/src/components/Card/CardLayout.vue
+2
-2
pkgs/web/src/components/Card/CardLayout.vue
···
154
154
display: flex;
155
155
flex-direction: column;
156
156
gap: 0.25rem;
157
+
outline: none;
157
158
158
159
border-radius: var(--radius);
159
160
background-color: color-mix(in srgb, hsla(var(--page-accent) / 1) 100%, white);
···
211
212
cursor: default;
212
213
213
214
background: hsla(var(--overlay2) / 0.1);
214
-
box-shadow: 0 0 0 0.1rem hsla(var(--surface2) / 0.4);
215
+
box-shadow: 0 0 0 0.1rem hsla(var(--surface2) / 0.1);
215
216
color: hsl(var(--page-accent));
216
217
font-size: 1.25rem;
217
218
font-weight: 900;
···
286
287
287
288
@media (max-width: 600px) {
288
289
.card-sheet {
289
-
border-radius: 0;
290
290
min-height: 100vh;
291
291
border: none;
292
292
--radius: 1.5rem;
-9
pkgs/web/src/components/Gallery/GalleryItem.vue
-9
pkgs/web/src/components/Gallery/GalleryItem.vue
···
141
141
border-radius: 0.75rem;
142
142
overflow: hidden;
143
143
background-color: hsla(var(--surface0) / 0.5);
144
-
145
144
transform: translateZ(0); /* try to force hardware accel */
146
-
cursor: zoom-in;
147
-
border: 1px solid hsla(var(--surface2));
148
145
149
146
&:hover {
150
147
filter: brightness(1.1);
151
-
.image-layer {
152
-
transform: scale(1.025);
153
-
}
154
-
}
155
-
&:active .image-layer {
156
-
transform: scale(1);
157
148
}
158
149
}
159
150