1
0
Fork 0
mirror of synced 2024-06-29 11:31:06 +12:00

remove unused component

This commit is contained in:
Keviin Åberg Kultalahti 2021-04-23 14:01:50 +02:00
parent 2dff378ce7
commit ef354ded09

View file

@ -1,55 +0,0 @@
<script>
export let icon
export let className
export let title
export let selected
export let indented
</script>
<div
data-cy="table-nav-item"
class:indented
class:selected
on:click
class={className}>
<i class={icon} />
<span>{title}</span>
<slot />
</div>
<style>
.indented {
grid-template-columns: 46px 1fr 20px;
}
.indented i {
justify-self: end;
}
div {
padding: var(--spacing-s) var(--spacing-m);
border-radius: var(--border-radius-m);
display: grid;
grid-template-columns: 20px 1fr 20px;
align-items: center;
transition: 0.3s background-color;
color: var(--ink);
font-weight: 400;
font-size: 14px;
margin-bottom: var(--spacing-xs);
grid-gap: var(--spacing-s);
}
.selected {
background-color: var(--grey-2);
}
div:hover {
background-color: var(--grey-1);
cursor: pointer;
}
i {
color: var(--grey-7);
font-size: 20px;
}
</style>