royrga/bachemap
1
0
Fork 0
forked from orson/bachemap
Code Pull Requests Activity

fixed icons margin

Browse Source
This commit is contained in:
Orson 2024-09-01 16:04:31 -06:00
parent 8b98ac3004
commit 1b5df190ff
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
static/styles.css
View File

@ -79,12 +79,16 @@ nav {
.leaflet-marker-icon { .leaflet-marker-icon {
background-color: transparent !important; background-color: transparent !important;
border: rgba(0, 0, 0, 0); border: rgba(0, 0, 0, 0);
padding: 0;
margin: 0;
} }
.fa, .far, .fas { .fa, .far, .fas {
color:rgb(0, 0, 0); color:rgb(0, 0, 0);
text-shadow: -1px 0 rgb(255, 136, 0), 0 1px rgb(255, 136, 0), 1px 0 rgb(255, 136, 0), 0 -1px rgb(255, 136, 0); text-shadow: -1px 0 rgb(255, 136, 0), 0 1px rgb(255, 136, 0), 1px 0 rgb(255, 136, 0), 0 -1px rgb(255, 136, 0);
font-size: larger; font-size: larger;
margin-left: -10px;
margin-top: -10px;
} }
@ -110,8 +114,10 @@ nav {
font-size: 1.3rem; /* Increased font size for readability */ font-size: 1.3rem; /* Increased font size for readability */
} }
.fa, .far, .fas { i.fa, i.far, i.fas {
font-size: 1.6rem; /* Slightly larger icons for better usability */ font-size: 1.6rem; /* Slightly larger icons for better usability */
margin-left: -10px;
margin-top: -10px;
} }
button { button {
@ -156,6 +162,8 @@ nav {
.fa, .far, .fas { .fa, .far, .fas {
font-size: 2.2rem; /* Larger icons for touch interactions */ font-size: 2.2rem; /* Larger icons for touch interactions */
margin-left: -10px;
margin-top: -10px;
} }
button { button {

2
templates/index.html
View File

@ -24,7 +24,7 @@
className: '{{pin.typeofpin}}', className: '{{pin.typeofpin}}',
html: iconTypes['{{pin.typeofpin}}'], html: iconTypes['{{pin.typeofpin}}'],
iconSize:[10,10], iconSize:[10,10],
iconAnchor:[10,10], iconAnchor:[5,5],
}); });
L.marker([{{ pin.lat }}, {{ pin.lng }}], {icon: icon}).addTo(map) L.marker([{{ pin.lat }}, {{ pin.lng }}], {icon: icon}).addTo(map)
.bindPopup("<b>{{ pin.description }}</b><p>Fecha del reporte: {{pin.time}}</p><br><img src='{{ pin.photo }}'>"); .bindPopup("<b>{{ pin.description }}</b><p>Fecha del reporte: {{pin.time}}</p><br><img src='{{ pin.photo }}'>");