fix: minor styles issues

This commit is contained in:
Timothy Z. 2024-10-23 18:05:28 +03:00
parent 274169770f
commit 9fa17da6e9
2 changed files with 9 additions and 6 deletions

View file

@ -67,9 +67,9 @@
.delete {
position: absolute;
display: flex;
right: 1.5rem;
top: 50%;
display: none;
gap: 0.5rem;
padding: 0.5rem 0.25rem;
align-items: center;
@ -79,20 +79,21 @@
border-radius: var(--border-radius);
transform: translateY(-50%);
width: 3rem;
opacity: 0.6;
.icon {
width: 1.5rem;
height: 1.5rem;
opacity: 0;
transition: 0.3s all ease-in-out;
color: var(--primary-foreground-color);
}
&:hover {
background-color: var(--overlay-color);
opacity: 1;
.icon {
color: var(--color-trakt);
opacity: 1 !important;
}
}
}
@ -176,7 +177,9 @@
.actions {
.delete {
display: flex;
.icon {
opacity: 0.6;
}
}
}
}

View file

@ -34,8 +34,8 @@ const URLsManager = () => {
</div>
<div className={styles['content']}>
{
streamingServerUrls.map((url: StreamingServerUrl, index: number) => (
<Item mode={'view'} key={index} {...url} {...actions} />
streamingServerUrls.map((item: StreamingServerUrl) => (
<Item mode={'view'} key={item.url} {...item} {...actions} />
))
}
{