logo: rounded square instead of circle
The image of Didi already has its own white halo, so the round crop + extra border made it look awkward. Back to the original rounded-square (border-radius 10px) shape and object-fit: contain so the whole dog stays visible instead of being cropped by the circular clip. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
0c18f0870a
commit
d3e803beee
1 changed files with 3 additions and 4 deletions
|
|
@ -123,11 +123,10 @@
|
||||||
.map-popup-actions .btn { padding: 0.35rem 0.7rem; font-size: 12px; }
|
.map-popup-actions .btn { padding: 0.35rem 0.7rem; font-size: 12px; }
|
||||||
.map-popup-actions form { margin: 0; }
|
.map-popup-actions form { margin: 0; }
|
||||||
.brand-dot {
|
.brand-dot {
|
||||||
width: 2.25rem; height: 2.25rem; border-radius: 9999px;
|
width: 2.25rem; height: 2.25rem; border-radius: 10px;
|
||||||
object-fit: cover; display: block;
|
object-fit: contain; display: block;
|
||||||
border: 2px solid #fff;
|
|
||||||
box-shadow: 0 1px 4px rgba(47, 138, 224, 0.35);
|
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
box-shadow: 0 1px 4px rgba(47, 138, 224, 0.35);
|
||||||
}
|
}
|
||||||
a { color: var(--primary); }
|
a { color: var(--primary); }
|
||||||
a:hover { text-decoration: underline; }
|
a:hover { text-decoration: underline; }
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue