feat: padronizar todos os modais 90% largura e 98vh altura — v2.1.1
continuous-integration/webhook Deploy concluido (rx.scoreodonto.com)
continuous-integration/webhook Deploy concluido (rx.scoreodonto.com)
This commit is contained in:
@@ -414,11 +414,16 @@ body {
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
width: 100%;
|
||||
max-width: 500px;
|
||||
padding: 32px;
|
||||
transform: scale(0.9);
|
||||
width: 90%;
|
||||
height: 98vh;
|
||||
max-width: unset;
|
||||
max-height: unset;
|
||||
padding: 0;
|
||||
transform: scale(0.95);
|
||||
transition: all 0.3s ease;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.modal-overlay.active .modal-content {
|
||||
@@ -429,7 +434,16 @@ body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 24px;
|
||||
margin-bottom: 0;
|
||||
padding: 20px 28px;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.08);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.modal-body-inner {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
padding: 28px;
|
||||
}
|
||||
|
||||
.modal-header h2 {
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
<div class="logo-icon">
|
||||
<i class="fa-solid fa-tooth"></i>
|
||||
</div>
|
||||
<h2>RF Dental <span style="font-size: 10px; opacity: 0.5; font-weight: 500; margin-left: 4px; vertical-align: middle;">v2.1.0</span></h2>
|
||||
<h2>RF Dental <span style="font-size: 10px; opacity: 0.5; font-weight: 500; margin-left: 4px; vertical-align: middle;">v2.1.1</span></h2>
|
||||
</div>
|
||||
|
||||
<nav class="sidebar-nav">
|
||||
@@ -147,7 +147,7 @@
|
||||
<h2>Adicionar Novo Dispositivo</h2>
|
||||
<button class="close-modal"><i class="fa-solid fa-xmark"></i></button>
|
||||
</div>
|
||||
|
||||
<div class="modal-body-inner">
|
||||
<form id="clinicForm" class="modern-form">
|
||||
<div class="form-group">
|
||||
<label for="clinic_name">Nome da Clínica</label>
|
||||
@@ -189,12 +189,14 @@
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Token Gerado -->
|
||||
<div id="tokenModal" class="modal-overlay">
|
||||
<div class="modal-content glass-card success-modal">
|
||||
<div class="modal-body-inner" style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;">
|
||||
<div class="success-icon pulse-animation">
|
||||
<i class="fa-solid fa-check-circle"></i>
|
||||
</div>
|
||||
@@ -211,6 +213,7 @@
|
||||
<button class="primary-btn close-token-modal" style="width: 100%; margin-top: 20px;">
|
||||
Entendido
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -198,7 +198,7 @@
|
||||
<div class="logo-icon">
|
||||
<i class="fa-solid fa-tooth"></i>
|
||||
</div>
|
||||
<h2>RF Dental <span style="font-size: 10px; opacity: 0.5; font-weight: 500; margin-left: 4px; vertical-align: middle;">v2.1.0</span></h2>
|
||||
<h2>RF Dental <span style="font-size: 10px; opacity: 0.5; font-weight: 500; margin-left: 4px; vertical-align: middle;">v2.1.1</span></h2>
|
||||
</div>
|
||||
|
||||
<nav class="sidebar-nav">
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
<div class="logo-icon">
|
||||
<i class="fa-solid fa-tooth"></i>
|
||||
</div>
|
||||
<h2>RF Dental <span style="font-size: 10px; opacity: 0.5; font-weight: 500; margin-left: 4px; vertical-align: middle;">v2.1.0</span></h2>
|
||||
<h2>RF Dental <span style="font-size: 10px; opacity: 0.5; font-weight: 500; margin-left: 4px; vertical-align: middle;">v2.1.1</span></h2>
|
||||
</div>
|
||||
|
||||
<nav class="sidebar-nav">
|
||||
|
||||
@@ -518,8 +518,9 @@ body {
|
||||
background: var(--bg-surface);
|
||||
border-radius: var(--radius-lg);
|
||||
width: 90%;
|
||||
max-width: 500px;
|
||||
max-height: 90vh;
|
||||
height: 98vh;
|
||||
max-width: unset;
|
||||
max-height: unset;
|
||||
box-shadow: var(--shadow-lg);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -533,8 +534,8 @@ body {
|
||||
}
|
||||
|
||||
.modal-large {
|
||||
max-width: 1100px;
|
||||
height: 90vh;
|
||||
width: 90%;
|
||||
height: 98vh;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
@@ -938,8 +939,8 @@ body {
|
||||
min-width: 100%;
|
||||
}
|
||||
.modal-content {
|
||||
width: 95%;
|
||||
max-height: 95vh;
|
||||
width: 90%;
|
||||
height: 98vh;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user