tfgrid/www_projectmycelium_io
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated roadmap UI

Browse Source
This commit is contained in:
mik-tf 2024-11-11 20:42:09 -05:00
parent 5831f93cce
commit 60d9d2e4ef
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
poc/components/roadmap.html
View File

@ -57,7 +57,7 @@
.timeline::before { .timeline::before {
content: ''; content: '';
position: absolute; position: absolute;
left: 85px; left: 96px;
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 2px; width: 2px;
@ -68,20 +68,20 @@
display: flex; display: flex;
margin-bottom: 2rem; margin-bottom: 2rem;
position: relative; position: relative;
align-items: flex-start; align-items: center; /* Use center alignment */
} }
.milestone::before { .milestone::before {
content: ''; content: '';
position: absolute; position: absolute;
left: 85px; left: 88px;
top: 15px; top: 50%; /* Center the circle vertically */
transform: translateY(-50%); /* Adjust to align perfectly */
width: 18px; width: 18px;
height: 18px; height: 18px;
border-radius: 50%; border-radius: 50%;
background: #888; background: #888;
border: 2px solid var(--hero-background); border: 2px solid var(--hero-background);
transform: translate(-50%, -50%);
box-sizing: border-box; box-sizing: border-box;
} }
@ -91,8 +91,9 @@
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
font-weight: 600; font-weight: 600;
color: var(--hero-subtitle-background); color: var(--hero-subtitle-background);
padding-top: 8px; padding-top: 0; /* Remove padding to align vertically */
white-space: nowrap; white-space: nowrap;
text-align: right; /* Align the date to the right */
} }
.milestone-content { .milestone-content {
@ -146,4 +147,4 @@
padding: 1rem; padding: 1rem;
} }
} }
</style> </style>