mgiustini/RoadmapMaker
1
0
Fork 0
mirror of https://github.com/idrainformatica/RoadmapMaker.git synced 2026-04-17 21:53:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
iris1801
2025-09-07 22:32:50 +02:00
committed by GitHub
parent b56be992aa
commit 5d18b025e8
1 changed files with 32 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
templates/index.html
View File

@@ -61,8 +61,6 @@
min-height: 200px; min-height: 200px;
} }
.milestone { .milestone {
position: relative; position: relative;
flex: 1; flex: 1;
@@ -252,14 +250,35 @@
transition: width 1s ease; transition: width 1s ease;
} }
.empty-state {
text-align: center;
padding: 60px 20px;
color: #7f8c8d;
}
.empty-state i {
font-size: 4rem;
margin-bottom: 20px;
color: #bdc3c7;
}
.empty-state h2 {
font-size: 1.5rem;
margin-bottom: 10px;
color: #2c3e50;
}
.empty-state p {
font-size: 1.1rem;
line-height: 1.6;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.timeline { .timeline {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.milestone { .milestone {
margin: 20px 0; margin: 20px 0;
max-width: 300px; max-width: 300px;
@@ -279,6 +298,7 @@
</div> </div>
<div class="roadmap-container"> <div class="roadmap-container">
{% if milestones %}
<div class="progress-indicator"> <div class="progress-indicator">
<div class="progress-text">Progresso Generale</div> <div class="progress-text">Progresso Generale</div>
<div class="progress-bar"> <div class="progress-bar">
@@ -306,6 +326,14 @@
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
{% else %}
<div class="empty-state">
<i class="fas fa-map-marked-alt"></i>
<h2>Nessuna Milestone Configurata</h2>
<p>Utilizza il pannello admin per aggiungere le milestone del tuo progetto.<br>
Clicca sull'icona dell'ingranaggio in basso a destra per iniziare.</p>
</div>
{% endif %}
</div> </div>
</div> </div>