sha/sLogos
1
0
Fork 0
mirror of https://github.com/shadoll/sLogos.git synced 2025-12-20 03:26:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add cursor style to map wrapper and clean up zoom button styles for improved UI

Browse Source
This commit is contained in:
sHa
2025-08-14 02:14:45 +03:00
parent 1e722252e2
commit f9fce8e5ba
1 changed files with 1 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/CountryMap.svelte
View File

@@ -180,7 +180,7 @@
</script> </script>
<div class="country-map-section"> <div class="country-map-section">
<div bind:this={wrapperRef} style="width:100%;height:100%;position:relative;"> <div bind:this={wrapperRef} style="width:100%;height:100%;position:relative; cursor: grab;" on:mousedown={onMouseDown}>
<InlineSvg path={mapPath} alt="World map" color={undefined} /> <InlineSvg path={mapPath} alt="World map" color={undefined} />
{#if countryScale} {#if countryScale}
<div class="map-controls-on-map"> <div class="map-controls-on-map">
@@ -210,16 +210,9 @@
z-index: 10; z-index: 10;
} }
.zoom-btn-on-map { .zoom-btn-on-map {
background: var(--color-accent, #222);
color: var(--color-bg, #4f8cff);
border: 1px solid var(--color-border, #222);
border-radius: 50%; border-radius: 50%;
width: 20px; width: 20px;
height: 20px; height: 20px;
font-size: 1em;
cursor: pointer;
box-shadow: 0 2px 8px 2px rgba(0,0,0,0.08);
transition: background 0.2s, color 0.2s;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;