SPACEBROWSER_INTERFACE/interface_072825/master_styles/COMPONENT SCSS PAGES/CurrencySelect.scss

76 lines
1.5 KiB
SCSS

@import '../../styles/abstracts/variables';
.currency-select {
.ant-select-arrow {
width: 52px;
height: 52px;
top: 0;
margin: 0;
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.ant-select {
&-selector {
height: 52px !important;
padding: 0 14px 0 14px !important;
.ant-select-selection-placeholder {
right: 46px;
}
}
&-selection-search {
margin-left: 0;
right: 0;
input {
font-weight: $semi-bold !important;
font-size: $medium1 !important;
line-height: 24px !important;
caret-color: $black;
height: 52px !important;
}
}
&-selection-item {
padding: 0 12px;
margin-right: 8px;
font-weight: $semi-bold !important;
font-size: $medium1 !important;
line-height: 24px;
}
}
input {
height: 48px;
font-weight: $semi-bold !important;
font-size: $medium1 !important;
line-height: 24px !important;
color: $dark;
}
}
.currency-select-dropdown {
width: 366px !important;
padding: 0;
border-radius: 16px;
@include mobile {
width: auto !important;
}
.ant-select-item {
padding: 16px;
border-bottom: 1px solid $grey;
background: $white !important;
&:last-child {
border-bottom: none;
}
&-option-state {
display: none;
}
}
.ant-select-selection-search-input {
font-weight: $semi-bold !important;
font-size: $medium1 !important;
line-height: 24px !important;
}
}