INCLUDE introducing the component
This commit is contained in:
parent
59a65c3eb5
commit
54ea02fc15
34
resources/css/components/index-panel.css
Normal file
34
resources/css/components/index-panel.css
Normal file
|
|
@ -0,0 +1,34 @@
|
||||||
|
.index-panel {
|
||||||
|
@apply p-6 m-0 border-primary border my-2;
|
||||||
|
max-height: 80vh;
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
|
&__header {
|
||||||
|
@apply flex gap-4 border-b border-gray-300 mb-8;
|
||||||
|
|
||||||
|
button {
|
||||||
|
@apply pb-3 text-carhop-gray opacity-60 relative;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
button[aria-selected='true'] {
|
||||||
|
@apply text-primary opacity-100;
|
||||||
|
&:after {
|
||||||
|
@apply bg-primary;
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 3px;
|
||||||
|
position: absolute;
|
||||||
|
bottom: -1px;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__content {
|
||||||
|
overflow-wrap: anywhere;
|
||||||
|
ul[aria-hidden='true'] {
|
||||||
|
@apply hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user