chore: updated mobile styles for contract call
e25890dc
1 file(s) · +30 −1
| 431 | 431 | border: 1px solid rgba(255, 255, 255, 0.1); |
|
| 432 | 432 | border-radius: var(--border-radius); |
|
| 433 | 433 | color: var(--color-foreground); |
|
| 434 | - | width: 300px; |
|
| 434 | + | width: 320px; |
|
| 435 | + | box-sizing: border-box; |
|
| 436 | + | } |
|
| 437 | + | ||
| 438 | + | @media (max-width: 768px) { |
|
| 439 | + | .container { |
|
| 440 | + | width: 280px; |
|
| 441 | + | padding: 12px; |
|
| 442 | + | gap: 10px; |
|
| 443 | + | } |
|
| 444 | + | } |
|
| 445 | + | ||
| 446 | + | @media (max-width: 480px) { |
|
| 447 | + | .container { |
|
| 448 | + | width: 260px; |
|
| 449 | + | padding: 10px; |
|
| 450 | + | gap: 8px; |
|
| 451 | + | } |
|
| 452 | + | } |
|
| 453 | + | ||
| 454 | + | @media (max-width: 320px) { |
|
| 455 | + | .container { |
|
| 456 | + | width: 240px; |
|
| 457 | + | padding: 8px; |
|
| 458 | + | gap: 6px; |
|
| 459 | + | } |
|
| 435 | 460 | } |
|
| 436 | 461 | ||
| 437 | 462 | .contract-info { |
|
| 456 | 481 | flex: 1; |
|
| 457 | 482 | font-size: 12px; |
|
| 458 | 483 | text-align: start; |
|
| 484 | + | overflow: hidden; |
|
| 485 | + | text-overflow: ellipsis; |
|
| 486 | + | white-space: nowrap; |
|
| 487 | + | max-width: 100%; |
|
| 459 | 488 | } |
|
| 460 | 489 | ||
| 461 | 490 | button { |
|