diff options
| -rw-r--r-- | client/src/components/CustomSelect/CustomSelect.module.css | 4 | ||||
| -rw-r--r-- | client/src/index.css | 29 |
2 files changed, 32 insertions, 1 deletions
diff --git a/client/src/components/CustomSelect/CustomSelect.module.css b/client/src/components/CustomSelect/CustomSelect.module.css index 81f9e62..4b5f1a4 100644 --- a/client/src/components/CustomSelect/CustomSelect.module.css +++ b/client/src/components/CustomSelect/CustomSelect.module.css @@ -20,6 +20,8 @@ position: absolute; top: 140%; left: 0; + height: 400px; + overflow-y: auto; width: 100%; border: none; border-radius: 10px; @@ -34,7 +36,7 @@ cursor: pointer; transition: all 0.3s ease; &:hover { - scale: 1.1; + scale: 0.9; } &:last-child { border-bottom: none; diff --git a/client/src/index.css b/client/src/index.css index 777afd8..2c7597e 100644 --- a/client/src/index.css +++ b/client/src/index.css @@ -24,3 +24,32 @@ h1 { font-size: 3rem; font-weight: 400; } + +::-webkit-scrollbar { + width: 10px; +} + +::-webkit-scrollbar-thumb { + border-radius: 10px; + background: var(--color-dark); +} + +/* For Firefox */ +::-moz-scrollbar { + width: 10px; +} + +::-moz-scrollbar-thumb { + border-radius: 10px; + background: var(--color-dark); +} + +/* For IE and Edge */ +::-ms-scrollbar { + width: 10px; +} + +::-ms-scrollbar-thumb { + border-radius: 10px; + background: var(--color-dark); +} |