chat_ui/assets/chat/scss/components/group/create-forms.scss
2025-03-08 11:28:34 +03:30

77 lines
1.3 KiB
SCSS

.create-forms {
position: fixed;
right: var(--sidebar-collapsed-width);
top: 0;
bottom: 0;
background-color: #fff;
width: 0;
// width: 100%;
// min-width: 20em;
// max-width: 20em;
z-index: 2;
overflow: hidden;
padding: 1em 2em;
max-width: 25em;
width: auto;
min-width: 25em;
.form-control,
label,
.btn {
font-size: 0.8rem;
}
}
.create-group-inner-form {
& > .btn {
margin-right: 0.2em;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 2em;
height: 2em;
background-color: #00b6e3;
border-radius: 50%;
}
.plus-icon {
display: inline;
}
.multiply-icon {
display: none;
}
&.show {
.plus-icon {
display: none;
}
.multiply-icon {
display: inline;
}
}
.btn[data-toggle="dropdown"] {
.tavasi::before {
color: #fff;
}
}
.dropdown-menu.show {
width: 17em;
text-align: right;
padding: 1.5em 1em;
}
.dropdown-item {
text-align: right;
display: flex;
align-items: center;
margin-bottom: 0.7em;
color: #666;
.tavasi {
margin-left: 0.5em;
}
}
}