@roochnetwork/rooch-sdk-kit
Version:
Rooch SDK Kit
90 lines (89 loc) • 3.7 kB
CSS
/* vanilla-extract-css-ns:src/components/DropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6VVS2/bMAy+91foMqAFpsDO2jVVT2t32A4FdthlGIaCsRibiywJEl07HfbfB8tx0jwKpJhhwAafn8iP1ORzcF671j6gbR4LZy0WjPqT1gFjfHxsqLTLy0z8OROiBK/EzHe3Z3/PJjt+Ndrm3lkGshhGpzw5PUuyGjslbsbndXe0PDpPk7Om6A2slFgY7G7PRPpKTQELJmeVKJxpattrWtJcKTHNMp8sa+hkhVRWvCMMJVnJzitxOYg8aE22VCKfDoJ0yrVy7oLGIANoaqISTxDOpdTgvVwSJzFJA6HEi2QNxbIMrrFaFs64cOCwNbjv9VHWToP5FqiGsBpCuE7GCrRrlch8J6a+Ex99J0I5h/PsvVi/kzxZuycMC9PbVqQ12i1kJXLfiegM6X0QxZB67vTqoWHUF8f78ZWxHpvxITVjU6mZ7zbVaiIGGdFgwUpYZzHhatiQxa3goI9gqLSSGOuoRIGWMfRixo5l0ilhcMFv7wEHsJEGcoAxIptMo0CICUbRhNi3xTsaM65pk2fZu0396Tkdc5147hLi4x19UcxT6vhTA4OsqKxMz0zUv1Jl306cFoxB7mN/6UmwPfrChVoNvwYYf5zL3HcX/3uA79htJvMyQW4rYpTRQ5Ha3AbwrzEyNXWrQGPIR4rjOCuRp19nuS89KpFNZtdXAesXqMlWGIgPEcaWuKge9gp9dXx7/G4i02Ili2HXKJHwyzlyiwPWo7w8yIkeArDbbLqPKd24bXK/XVWxCmSXSmQn7YcTRtMHV/ab+Q422a+H6XQb2s+jMw3jwGdmV6/z9xPVU33AN8LNJlfrZXciPD/sq7uG2dmDoUsDtTt2exN89AaB4cI5uERmb7sH9sOGEuIdGLAFjhFvUsQduu2R7YSu/AMO/ZUENwcAAA== */
[data-sdk-kit].DropdownMenu_connectedAddress__uignk40,
[data-sdk-kit] .DropdownMenu_connectedAddress__uignk40 {
gap: 8px;
}
[data-sdk-kit].DropdownMenu_menuContainer__uignk41,
[data-sdk-kit] .DropdownMenu_menuContainer__uignk41 {
z-index: 999999999;
}
[data-sdk-kit].DropdownMenu_menuContent__uignk42,
[data-sdk-kit] .DropdownMenu_menuContent__uignk42 {
display: flex;
flex-direction: column;
width: 200px;
max-height: 200px;
margin-top: 4px;
padding: 12px;
gap: 4px;
border-radius: var(--dapp-kit-radii-large);
background-color: var(--dapp-kit-backgroundColors-modalPrimary);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
overflow: hidden;
border: 1px solid var(--dapp-kit-colors-bodyMuted);
}
[data-sdk-kit].DropdownMenu_menuItem__uignk43,
[data-sdk-kit] .DropdownMenu_menuItem__uignk43 {
padding: 8px 12px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
outline: none;
display: flex;
align-items: center;
text-align: left;
border-radius: var(--dapp-kit-radii-large);
transition: all 0.2s ease;
cursor: pointer;
width: 100%;
box-sizing: border-box;
color: var(--dapp-kit-colors-body);
}
[data-sdk-kit].DropdownMenu_menuItem__uignk43[data-highlighted],
[data-sdk-kit] .DropdownMenu_menuItem__uignk43[data-highlighted] {
background-color: var(--dapp-kit-backgroundColors-walletItemHover);
transform: translateY(-1px);
color: var(--dapp-kit-colors-body);
}
[data-sdk-kit].DropdownMenu_menuItemText__uignk44,
[data-sdk-kit] .DropdownMenu_menuItemText__uignk44 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1;
font-size: 0.875rem;
color: inherit;
}
[data-sdk-kit].DropdownMenu_switchMenuItem__uignk45,
[data-sdk-kit] .DropdownMenu_switchMenuItem__uignk45 {
display: flex;
justify-content: space-between;
align-items: center;
}
[data-sdk-kit].DropdownMenu_separator__uignk46,
[data-sdk-kit] .DropdownMenu_separator__uignk46 {
height: 1px;
flex-shrink: 0;
background-color: var(--dapp-kit-colors-bodyMuted);
}
[data-sdk-kit].DropdownMenu_progressBar__uignk47,
[data-sdk-kit] .DropdownMenu_progressBar__uignk47 {
position: absolute;
bottom: 0;
left: 10px;
height: 0.5px;
background-color: var(--dapp-kit-colors-primaryButton);
transition: width 0.2s ease;
border-radius: 8px;
}
[data-sdk-kit].DropdownMenu_addressContainer__uignk48,
[data-sdk-kit] .DropdownMenu_addressContainer__uignk48 {
display: flex;
flex-direction: column;
}
[data-sdk-kit].DropdownMenu_rgasBalance__uignk49,
[data-sdk-kit] .DropdownMenu_rgasBalance__uignk49 {
font-size: 0.5rem;
color: var(--dapp-kit-colors-bodyMuted);
}
/*# sourceMappingURL=DropdownMenu.css.css.map */