rm old
Browse files
src/lib/components/Piclets/PicletDetail.svelte
CHANGED
@@ -511,55 +511,12 @@
|
|
511 |
}
|
512 |
|
513 |
/* Enhanced ability and move display styles */
|
514 |
-
.expand-toggle {
|
515 |
-
width: 100%;
|
516 |
-
padding: 10px;
|
517 |
-
margin-top: 12px;
|
518 |
-
background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
|
519 |
-
color: white;
|
520 |
-
border: none;
|
521 |
-
border-radius: 8px;
|
522 |
-
font-size: 14px;
|
523 |
-
font-weight: 500;
|
524 |
-
cursor: pointer;
|
525 |
-
transition: all 0.2s ease;
|
526 |
-
}
|
527 |
-
|
528 |
-
.expand-toggle:hover {
|
529 |
-
background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
|
530 |
-
transform: translateY(-1px);
|
531 |
-
box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
|
532 |
-
}
|
533 |
-
|
534 |
-
.expand-toggle:active {
|
535 |
-
transform: translateY(0);
|
536 |
-
}
|
537 |
-
|
538 |
.moves-list {
|
539 |
display: flex;
|
540 |
flex-direction: column;
|
541 |
gap: 4px;
|
542 |
}
|
543 |
|
544 |
-
.move-item {
|
545 |
-
background: none;
|
546 |
-
border: none;
|
547 |
-
padding: 0;
|
548 |
-
cursor: pointer;
|
549 |
-
width: 100%;
|
550 |
-
text-align: left;
|
551 |
-
border-radius: 8px;
|
552 |
-
transition: transform 0.2s ease;
|
553 |
-
}
|
554 |
-
|
555 |
-
.move-item:hover {
|
556 |
-
transform: translateY(-1px);
|
557 |
-
}
|
558 |
-
|
559 |
-
.move-item:active {
|
560 |
-
transform: translateY(0);
|
561 |
-
}
|
562 |
-
|
563 |
@media (min-width: 768px) {
|
564 |
.detail-page {
|
565 |
position: relative;
|
|
|
511 |
}
|
512 |
|
513 |
/* Enhanced ability and move display styles */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
514 |
.moves-list {
|
515 |
display: flex;
|
516 |
flex-direction: column;
|
517 |
gap: 4px;
|
518 |
}
|
519 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
520 |
@media (min-width: 768px) {
|
521 |
.detail-page {
|
522 |
position: relative;
|