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;
|