andy/westone-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update navigation all

Browse Source
This commit is contained in:
sas.fajri
2024-10-28 09:33:12 +07:00
parent 087bb1dc47
commit 3ae017ff3f
16 changed files with 2343 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
css/styles.css
View File

@@ -27,13 +27,70 @@
body {
font-family: "Roboto", sans-serif;
background-color: #e5e8e5;
}
.scroll-container {
overflow: auto;
scroll-padding: 50px 0 0 50px;
}
.scroll-container.horizontal::-webkit-scrollbar {
height: 7px; /* Mengubah tinggi scrollbar horizontal */
}
.scroll-container::-webkit-scrollbar-thumb {
background-color: #2196f3; /* Warna default */
}
.scroll-container.primary::-webkit-scrollbar-thumb {
background-color: #2196f3; /* primary */
}
.scroll-container.primary::-webkit-scrollbar-track {
background-color: #e3f2fd; /* primary */
}
.scroll-container.secondary::-webkit-scrollbar-thumb {
background-color: #ffc107; /* secondary */
}
.scroll-container.secondary::-webkit-scrollbar-track {
background-color: #fff8e1; /* secondary */
}
.scroll-container.error::-webkit-scrollbar-thumb {
background-color: #f44336; /* error */
}
.scroll-container.error::-webkit-scrollbar-track {
background-color: #ffebee; /* error */
}
.scroll-container.info::-webkit-scrollbar-thumb {
background-color: #3f51b5; /* info */
}
.scroll-container.info::-webkit-scrollbar-track {
background-color: #e8eaf6; /* info */
}
.scroll-container.success::-webkit-scrollbar-thumb {
background-color: #4caf50; /* success */
}
.scroll-container.success::-webkit-scrollbar-track {
background-color: ##e8f5e9; /* success */
}
.scroll-container.warning::-webkit-scrollbar-thumb {
background-color: #ff9800; /* success */
}
.scroll-container.warning::-webkit-scrollbar-track {
background-color: #fff3e0; /* success */
}
::-webkit-scrollbar {
width: 7px;
}
@@ -41,21 +98,19 @@ body {
/* this targets the default scrollbar (compulsory) */
::-webkit-scrollbar-track {
background-color: #E3F2FD;
background-color: #e3f2fd;
}
/* the new scrollbar will have a flat appearance with the set background color */
::-webkit-scrollbar-thumb {
background-color: #2196F3;
;
background-color: #2196f3;
}
/* this will style the thumb, ignoring the track */
::-webkit-scrollbar-button {
background-color: #E3F2FD;
;
background-color: #e3f2fd;
}
/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
@@ -63,4 +118,3 @@ body {
::-webkit-scrollbar-corner {
background-color: black;
}