first commit
This commit is contained in:
55
app/src/styles/components/lists.scss
Normal file
55
app/src/styles/components/lists.scss
Normal file
@@ -0,0 +1,55 @@
|
||||
@use "../abstracts/variables" as *;
|
||||
@use "../abstracts/mixins" as *;
|
||||
|
||||
.dropdown-list-container {
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
&:last-child {
|
||||
border: none;
|
||||
}
|
||||
.head {
|
||||
@include flex-space-between;
|
||||
padding: 6px 12px;
|
||||
.options {
|
||||
@include flex-center;
|
||||
gap: 6px;
|
||||
.option {
|
||||
@include flex-center;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-wrapper {
|
||||
.no-item {
|
||||
padding: 12px;
|
||||
}
|
||||
.list-container {
|
||||
padding: 2px;
|
||||
.list-item {
|
||||
@include flex-space-between;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 4px 12px;
|
||||
border-radius: #{$border-radius-large};
|
||||
.value {
|
||||
width: 100%;
|
||||
text-align: start;
|
||||
max-width: 180px;
|
||||
}
|
||||
.options-container {
|
||||
@include flex-center;
|
||||
gap: 6px;
|
||||
.option {
|
||||
@include flex-center;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.active {
|
||||
background-color: var(--highlight-accent-color);
|
||||
color: var(--primary-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user