···
81
81
width: 100%;
82
82
height: 100%;
83
83
border-radius: 0.5rem;
84
84
-
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
85
84
}
86
85
87
86
.actionLinks {
···
252
252
padding: 1.5rem;
253
253
margin: 1rem 0;
254
254
width: 100%;
255
255
-
box-shadow: 0 2px 5px var(--shadow-color);
256
255
/* Removed transitions */
257
256
background-image: repeating-linear-gradient(0deg, var(--tile-border), var(--tile-border) 1px, transparent 1px, transparent 20px);
258
257
}
···
133
133
.loginButton:hover {
134
134
background-color: var(--secondary-color);
135
135
transform: translateY(-2px);
136
136
-
box-shadow: 0 4px 8px var(--shadow-color);
137
136
}
138
137
139
138
/* Status form styles */
···
229
228
.input:focus {
230
229
border-color: var(--primary-color);
231
230
outline: none;
232
232
-
box-shadow: 0 0 0 2px rgba(91, 173, 240, 0.2);
233
231
}
234
232
235
233
.inputWrapper {
···
244
242
245
243
.inputWrapper:focus-within {
246
244
border-color: var(--primary-color);
247
247
-
box-shadow: 0 0 0 2px rgba(91, 173, 240, 0.2);
248
245
}
249
246
250
247
.inputPrefix {
···
382
379
.submitButton:hover:not(:disabled) {
383
380
background-color: var(--secondary-color);
384
381
transform: translateY(-2px);
385
385
-
box-shadow: 0 4px 8px var(--shadow-color);
386
382
}
387
383
388
384
.submitButton:disabled {
···
718
714
font-size: 1.1rem;
719
715
line-height: 1.4;
720
716
text-align: center;
721
721
-
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
722
717
font-weight: 500;
723
718
}
724
719
···
363
363
border: 1px solid var(--tile-border);
364
364
border-radius: 8px;
365
365
padding: 1rem;
366
366
-
box-shadow: 0 2px 5px var(--shadow-color);
367
366
transition: transform 0.2s, box-shadow 0.2s;
368
367
}
369
368
370
370
-
.feedItem:hover {
371
371
-
/* Removed transform and increased box-shadow to prevent movement */
372
372
-
box-shadow: 0 2px 5px var(--shadow-color);
373
373
-
}
374
374
-
375
369
@media (max-width: 600px) {
376
370
.feedItem {
377
371
padding: 0.75rem;
378
372
margin-bottom: 0.5rem;
379
373
border-radius: 6px;
380
380
-
box-shadow: 0 1px 3px var(--shadow-color);
381
374
}
382
375
383
376
.feedList {
···
386
379
387
380
.feedItem:hover {
388
381
transform: none;
389
389
-
box-shadow: 0 1px 3px var(--shadow-color);
390
382
}
391
383
392
384
.content {