File manager - Edit - /var/www/html/portal/resources/scss/components/card.scss
Back
.card { border: none; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .card-body { padding: 20px; } .card-title { font-size: 1.3rem; font-weight: 700; margin-bottom: 10px; } .card-text { color: #6c757d; font-size: 1rem; line-height: 1.3rem; } .large-card { flex: 1; overflow: hidden; } .card-img-top-left { width: 100%; height: 250px; object-fit: cover; } .small-card-1 { display: flex; align-items: center; overflow: hidden; margin-bottom: 50px; flex: 1 1 calc(50% - 10px); } .small-card-2 { display: flex; align-items: center; overflow: hidden; flex: 1 1 calc(50% - 10px); } .card-img-left { height: 100%; width: 200px; object-fit: cover; margin-right: 20px; } @media (max-width: 768px) { .large-card { margin-bottom: 1.5rem; } } @media (max-width: 576px) { .small-card-1 { margin-top: 40px; margin-bottom: 40px; } .small-card-1, .small-card-2 { width: 100%; display: flex; flex-direction: column; align-items: flex-start; } .small-card-1 img, .small-card-2 img { width: 100%; height: 250px; object-fit: cover; } .small-card-1 .card-body, .small-card-2 .card-body { padding: 20px; } } .rounded-card { border-radius: 100%; height: 350px; width: 350px; } .rounded-card img { border-top-right-radius: 100%; border-top-left-radius: 100%; }
| ver. 1.4 |
Github
|
.
| PHP 8.3.28 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings