arifal/sibedas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Dashboard Layout

Browse Source
This commit is contained in:
Firman Herdiansyah
2025-02-05 13:36:33 +07:00
parent f38d518f96
commit 99e99fa2e6
96 changed files with 2817 additions and 414 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
resources/scss/components/_circle.scss
View File

@@ -3,8 +3,8 @@
}
.circle-container {
width: 250px; /* Ukuran lingkaran */
height: 250px;
width: 200px; /* Ukuran lingkaran */
height: 200px;
display: flex;
align-items: center;
justify-content: center;
@@ -12,11 +12,11 @@
border-radius: 50%; /* Membuat lingkaran */
border: 6px solid white; /* Border putih */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Efek bayangan */
position: relative;
position: absolute;
.circle-content {
width: 200px; /* Ukuran lingkaran dalam */
height: 200px;
width: 180px; /* Ukuran lingkaran dalam */
height: 180px;
background-color: var(--circle-color); /* Warna lingkaran dalam */
border-radius: 50%;
display: flex;
@@ -62,8 +62,8 @@
position: absolute;
bottom: 0;
right: 0;
width: 80px; /* Ukuran lingkaran kecil */
height: 80px;
width: 50px; /* Ukuran lingkaran kecil */
height: 50px;
background-color: #2d4f90; /* Warna lingkaran kecil */
border-radius: 50%; /* Membuat lingkaran */
// border: 4px solid white; /* Border putih */
@@ -73,17 +73,17 @@
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Efek bayangan */
.small-circle-content{
width: 70px;
height: 70px;
width: 45px;
height: 45px;
background-color: #2d4f90; /* Warna lingkaran kecil */
border-radius: 50%; /* Membuat lingkaran */
border: 4px solid white; /* Border putih */
border: 2px solid white; /* Border putih */
display: flex;
align-items: center;
justify-content: center;
.small-percentage {
font-size: 14px;
font-size: 10px;
font-weight: bold;
color: white; /* Warna teks */
margin: 0;