bug: footer move when hover select

This commit is contained in:
unknown 2021-09-07 10:29:36 +07:00
parent 88d6d85ccd
commit bec206113a
2 changed files with 23 additions and 21 deletions

View File

@ -29,6 +29,7 @@
}
}
&:hover{
cursor: pointer;
.hoverWrapper{
@apply block;
animation: SelectAnimation 0.2s ease-out;
@ -42,32 +43,32 @@
}
.hoverWrapper{
@apply hidden;
@apply hidden outline-none absolute z-10;
padding-top: 0.6rem;
.selectOptionWrapper{
border-radius: 0.8rem;
background-color: var(--white);
padding: 0.4rem 0rem 0.4rem 0rem;
&.base{
width: 20.6rem;
}
&.large{
width: 34.25rem;
}
&.default{
@apply border-solid border border-current;
}
&.custom{
@apply border-2;
border-color: var(--border-line);
color: var(--text-label);
}
}
&:hover{
@apply block;
}
}
.selectOptionWrapper{
@apply outline-none z-10 absolute;
border-radius: 0.8rem;
background-color: var(--white);
padding: 0.4rem 0rem 0.4rem 0rem;
&.base{
width: 20.6rem;
}
&.large{
width: 34.25rem;
}
&.default{
@apply border-solid border border-current;
}
&.custom{
@apply border-2;
border-color: var(--border-line);
color: var(--text-label);
}
}
@keyframes SelectAnimation {
0% {

View File

@ -32,6 +32,7 @@ const SelectCommon = ({ type = 'default', size = 'base', option, placeholder, on
})}
>{selectedName}<IconVectorDown /></div>
<div className={s.hoverWrapper}>
<div className={classNames({
[s.selectOptionWrapper] : true,