Adjust position for CoreSync window

This commit is contained in:
Nicola Benaglia 2025-04-19 17:04:03 +02:00
parent 46e52ec738
commit f39946747f
2 changed files with 5 additions and 16 deletions

View File

@ -106,11 +106,13 @@ export const CoreSyncStatus = () => {
alt="sync status" alt="sync status"
/> />
</span> </span>
<div <div
className="bottom" className="bottom"
style={{ style={{
right: 'unset', right: 'unset',
left: '0px', left: '55px',
top: '10px',
}} }}
> >
<h3>Core Information</h3> <h3>Core Information</h3>
@ -135,7 +137,6 @@ export const CoreSyncStatus = () => {
{isUsingGateway?.toString()} {isUsingGateway?.toString()}
</span> </span>
</h4> </h4>
<i></i>
</div> </div>
</div> </div>
); );

View File

@ -44,23 +44,11 @@
} }
.tooltip .bottom i { .tooltip .bottom i {
position: absolute;
bottom: 100%; bottom: 100%;
height: 12px;
left: 50%; left: 50%;
margin-left: -12px; margin-left: -12px;
width: 24px;
height: 12px;
overflow: hidden; overflow: hidden;
}
.tooltip .bottom i::after {
background-color: var(--white);
border: 1px solid var(--black);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
content: '';
height: 12px;
left: 50%;
position: absolute; position: absolute;
transform: translate(-50%, 50%) rotate(45deg); width: 24px;
width: 12px;
} }