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

fix button and fix service sync simbg

Browse Source
This commit is contained in:
arifal
2025-02-14 00:23:50 +07:00
parent ac2f37d549
commit 4d32d4a110
19 changed files with 382 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,6 +10,7 @@
width: 200px; /* Ukuran lingkaran */
height: 200px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
background-color: var(--circle-color); /* Warna lingkaran utama */
@@ -17,6 +18,7 @@
border: 6px solid white; /* Border putih */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Efek bayangan */
position: absolute;
// overflow: hidden;
.circle-content {
width: 180px; /* Ukuran lingkaran dalam */
@@ -39,6 +41,12 @@
font-weight: bold;
margin: 0 5px;
line-height: 1.5;
word-wrap: break-word; /* Break words if too long */
white-space: normal; /* Allow multi-line text */
text-align: center; /* Center text inside the circle */
overflow-wrap: break-word; /* Ensures breaking in modern browsers */
display: block; /* Ensures it respects container size */
max-width: 100%; /* Prevents exceeding the circle size */
}
.circle-content .document-total {
@@ -64,8 +72,8 @@
.small-circle-container {
position: absolute;
bottom: 0;
right: 0;
bottom: -10px;
right: -10px;
width: 50px; /* Ukuran lingkaran kecil */
height: 50px;
background-color: #2d4f90; /* Warna lingkaran kecil */
@@ -75,6 +83,7 @@
align-items: center;
justify-content: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Efek bayangan */
z-index: 10;
.small-circle-content {
width: 45px;