Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Center offers title, increase font size, and add top/bottom image gradients

Browse Source
This commit is contained in:
Johan Samudio
2026-03-01 10:14:15 -05:00
parent 09ce466cf1
commit 9043fdccba
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/views/MapView.vue
View File

@ -959,10 +959,11 @@ async function highlightOptimalStopForRoute() {
} }
.sheet-header { .sheet-header {
position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: center;
padding: 0 16px 12px; /* Padding para el header */ padding: 0 16px 12px;
margin-bottom: 0px; margin-bottom: 0px;
} }
@ -975,9 +976,10 @@ async function highlightOptimalStopForRoute() {
.sheet-star { color: var(--active-color); font-size: 1.125rem; } .sheet-star { color: var(--active-color); font-size: 1.125rem; }
.sheet-title { .sheet-title {
font-size: 1rem; font-size: 1.25rem;
font-weight: 800; font-weight: 800;
color: var(--text-primary); color: var(--text-primary);
text-align: center;
} }
.sheet-count-badge { .sheet-count-badge {
@ -990,6 +992,8 @@ async function highlightOptimalStopForRoute() {
} }
.sheet-close { .sheet-close {
position: absolute;
right: 16px;
background: var(--bg-primary); background: var(--bg-primary);
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 50%; border-radius: 50%;
@ -1065,7 +1069,13 @@ async function highlightOptimalStopForRoute() {
.sheet-card-overlay { .sheet-card-overlay {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%); background: linear-gradient(
to bottom,
rgba(0,0,0,0.5) 0%,
rgba(0,0,0,0) 30%,
rgba(0,0,0,0) 60%,
rgba(0,0,0,0.85) 100%
);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-end;