Update static/css/style.css
This commit is contained in:
parent
ba3ac6d154
commit
e53815a14c
1 changed files with 50 additions and 1 deletions
|
|
@ -388,7 +388,7 @@ canvas {
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-info, .icon-details, .icon-bfd {
|
.icon-info, .icon-details, .icon-bfd, .icon-gear {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: clamp(1rem, 1vw + 0.5rem, 1.5625rem);
|
width: clamp(1rem, 1vw + 0.5rem, 1.5625rem);
|
||||||
height: clamp(1rem, 1vw + 0.5rem, 1.5625rem);
|
height: clamp(1rem, 1vw + 0.5rem, 1.5625rem);
|
||||||
|
|
@ -413,6 +413,10 @@ canvas {
|
||||||
background-image: url('/static/img/fast.png');
|
background-image: url('/static/img/fast.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon-gear {
|
||||||
|
background-image: url('/static/img/settings.png');
|
||||||
|
}
|
||||||
|
|
||||||
td.d-flex {
|
td.d-flex {
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
}
|
}
|
||||||
|
|
@ -445,4 +449,49 @@ td.d-flex {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
color: #0d6efd;
|
color: #0d6efd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-overlay {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(0, 0, 0, 0.7);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
z-index: 2000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-content {
|
||||||
|
background: white;
|
||||||
|
padding: 30px;
|
||||||
|
border-radius: 8px;
|
||||||
|
text-align: center;
|
||||||
|
width: 90%;
|
||||||
|
max-width: 500px;
|
||||||
|
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-buttons {
|
||||||
|
margin-top: 20px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#notificationModal .modal-content.success #notificationTitle {
|
||||||
|
color: #198754;
|
||||||
|
}
|
||||||
|
|
||||||
|
#notificationModal .modal-content.error #notificationTitle {
|
||||||
|
color: #dc3545;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-content .spinner-border {
|
||||||
|
width: 3rem;
|
||||||
|
height: 3rem;
|
||||||
|
margin: 1.5rem auto;
|
||||||
|
border-width: 0.3em;
|
||||||
}
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue