custom scrollbar finally

toast
Kit Kasune 3 years ago
parent 701cf9dc95
commit 4510e8e147
  1. 20
      styles/styles.css
  2. 2
      styles/toast.css

@ -10,6 +10,8 @@ body {
background-attachment: fixed; background-attachment: fixed;
color: #d3d3d3; color: #d3d3d3;
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
overflow-y: overlay;
width: calc(100vw) - 10px;
} }
.rise { .rise {
@ -58,3 +60,21 @@ body {
} }
.nosel {-webkit-user-select: none;} .nosel {-webkit-user-select: none;}
::-webkit-scrollbar-track {
background-color: #00000000;
border-radius: 10px;
}
::-webkit-scrollbar {
width: 10px;
background-color: #00000000;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-image: linear-gradient(to bottom, #af2188c5 0%, #af2188c5 10%, #fa59cfc5 75%, #fa59cfc5 100%);
}
::-webkit-scrollbar-thumb:hover {background-image: linear-gradient(to bottom, #af2188ff 0%, #af2188ff 10%, #fa59cfff 75%, #fa59cfff 100%);}

@ -22,7 +22,7 @@
#toast-container { #toast-container {
position: fixed; position: fixed;
top: 34px; top: 34px;
right: 10px; right: 15px;
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
align-items: flex-end; align-items: flex-end;

Loading…
Cancel
Save