feat: Ajout de la section 'Mes Apps' avec 4 tuiles interactives
- Ajout de la section '🚀 Mes Applications' en haut de index.php - 4 tuiles pour CronHub, GarageManager, PercoMemo et Planka - Design cohérent avec le thème dark existant (bg #161b22, borders #30363d) - Effet hover avec bordure violette et lueur subtile - Grid responsive: 4 colonnes desktop, 2 colonnes mobile - Boutons 'Ouvrir' qui ouvrent les apps dans un nouvel onglet - Styles CSS propres et commentés dans assets/style.css Co-authored-by: Cédric TOMAZ <percolouco@users.noreply.github.com>
This commit is contained in:
co-authored by
Cédric TOMAZ
parent
43a3c2e453
commit
d136f57551
@@ -155,3 +155,43 @@
|
||||
@media (max-width: 640px) {
|
||||
.services-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
|
||||
/* ── App cards (section Mes Apps) ─────────────────────────────────────────── */
|
||||
.app-card {
|
||||
background: #161b22;
|
||||
border: 1px solid #30363d;
|
||||
border-radius: 0.75rem;
|
||||
padding: 1.25rem;
|
||||
transition: all 0.2s ease;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.app-card:hover {
|
||||
border-color: #8b5cf6;
|
||||
box-shadow: 0 0 12px rgba(139, 92, 246, 0.25);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.app-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.5rem;
|
||||
width: 100%;
|
||||
padding: 0.5rem 1rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
color: #c4b5fd;
|
||||
background: #8b5cf610;
|
||||
border: 1px solid #8b5cf630;
|
||||
border-radius: 0.5rem;
|
||||
transition: all 0.15s;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.app-btn:hover {
|
||||
background: #8b5cf620;
|
||||
border-color: #8b5cf6;
|
||||
color: #e9d5ff;
|
||||
box-shadow: 0 0 8px rgba(139, 92, 246, 0.3);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user