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