icon hover states

This commit is contained in:
Gerard Burns 2023-08-21 07:54:36 +01:00
parent 4ddf797425
commit e267e71b68
2 changed files with 13 additions and 1 deletions

View File

@ -137,6 +137,10 @@
cursor: pointer;
}
.addButton:hover {
color: var(--ink);
}
.list-panel {
display: flex;
flex-direction: column;

View File

@ -74,7 +74,7 @@
<Body size="S">Screens</Body>
</div>
<div on:click={openSearch} class="searchButton" class:hide={search}>
<Icon name="Search" />
<Icon size="S" name="Search" />
</div>
<div
on:click={handleAddButton}
@ -218,6 +218,10 @@
transition: opacity 300ms;
}
.searchButton:hover {
color: var(--ink);
}
.hide {
opacity: 0;
pointer-events: none;
@ -233,6 +237,10 @@
transform: rotate(45deg);
}
.addButton:hover {
color: var(--ink);
}
.icon {
margin-left: 4px;
margin-right: 4px;