feat: slightly simplify SCSS and style for toast/modal

This commit is contained in:
Régis Behmo 2025-08-11 17:13:42 +02:00 committed by Régis Behmo
parent 261ca25661
commit 85c8f50677
2 changed files with 9 additions and 13 deletions

View File

@ -63,7 +63,7 @@ button:disabled {
padding: 0.5em 1em;
}
.close-modal-button {
.close-modal-button, .close-toast-button {
background: none;
border: 1px solid #888;
color: $black;
@ -72,11 +72,7 @@ button:disabled {
font-size: 1em;
}
.close-toast-button {
@extend .close-modal-button;
}
.run_modal_button {
form button {
background: none;
border: none;
background-color: $light-blue;

View File

@ -70,16 +70,16 @@
<div class="modal-container" id="modal_container">
<div class="modal-content">
<div class="modal-header">
<img src="{{ url_for('static', filename='img/Featured icon.svg') }}" alt="">
<img src="{{ url_for('static', filename='img/Featured icon.svg') }}" alt="">
</div>
<div class="modal-body">
<h3>Apply Changes to Your Platform?</h3>
<p>This will run Launch Platform to apply all recent plugin changes. The process may take a few minutes to complete.</p>
</div>
<div class="modal-footer">
<button type="button" class=" close-modal-button">Not Now</button>
<button type="button" class="close-modal-button">Not Now</button>
<form method="POST" action="{{ url_for('cli_local_launch')}}">
<button class=" run_modal_button" type="submit">Apply Changes</button>
<button type="submit">Apply Changes</button>
</form>
</div>
</div>
@ -94,15 +94,15 @@
<img class="close-toast-button" src="{{ url_for('static', filename='img/X.svg' )}}">
</div>
<div class="message">
<span class="text text-2" id="toast-description">
{{ toast_description }}
<span class="text text-2" id="toast-description">
{{ toast_description }}
</span>
</div>
</div>
<div class="toast-footer" id="toast-footer">
<button type="button" class=" close-toast-button">Not Now</button>
<button type="button" class="close-toast-button">Not Now</button>
<form method="POST" action="{{ url_for('cli_local_launch')}}">
<button class=" run_modal_button" type="submit">Apply Changes</button>
<button type="submit">Apply Changes</button>
</form>
</div>
</div>