src/styles/components/chat/_chat-item-card-tabbed-card.scss (58 lines of code) (raw):
.mynah-tabbed-card-wrapper {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
box-sizing: border-box;
width: 100%;
gap: var(--mynah-sizing-2);
> .mynah-tabbed-card-contents {
width: 100%;
box-sizing: border-box;
padding: var(--mynah-sizing-4);
border-radius: var(--mynah-card-radius);
position: relative;
background-color: var(--mynah-color-syntax-bg);
> .mynah-chat-item-card {
border: none;
border-radius: inherit;
margin: 0 !important;
padding: 0 !important;
border: none !important;
z-index: var(--mynah-z-1);
> .mynah-card {
border-radius: var(--mynah-input-radius) !important;
padding: var(--mynah-sizing-3);
box-shadow: none;
border: none;
> div {
padding: 0;
}
}
.mynah-chat-item-information-card-main {
border: none;
border-radius: 0;
}
}
}
> .mynah-tabbed-card-tabs {
> .mynah-tabs-container {
background-color: var(--mynah-color-syntax-bg);
border-radius: var(--mynah-button-radius);
padding: var(--mynah-sizing-1);
width: fit-content;
// Default
.mynah-tab-item-label {
background-color: transparent;
padding: var(--mynah-sizing-2) var(--mynah-sizing-7) var(--mynah-sizing-2) var(--mynah-sizing-7);
gap: var(--mynah-sizing-2);
border-radius: var(--mynah-button-radius);
border: none;
color: var(--mynah-color-text-default);
}
// Selected
.mynah-tab-item:checked + .mynah-tab-item-label {
background-color: var(--mynah-color-bg);
border: none;
}
}
}
}