waveterm/frontend/app/element/modal.less
Sylvia Crowe 73d52b24f2 refactor: clean up unused custom css properties
This cleans up the unused/unnecessary css properties added around the
same time as the modal component. This mostly refers to variables that
started with --app. They have been removed and their uses have been
replaced with other defaults. The --warning-color and --success-color
properties still exist despite being unused since they seem to fit with
the --error-color which is already in use.
2024-06-04 10:30:27 -07:00

59 lines
1.3 KiB
Plaintext

// Copyright 2024, Command Line Inc.
// SPDX-License-Identifier: Apache-2.0
.modal-container {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 100;
background-color: rgba(21, 23, 21, 0.7);
.modal {
display: flex;
flex-direction: column;
border-radius: 10px;
padding: 0;
width: 80vw;
height: 80vh;
margin-top: 25vh;
margin-left: auto;
margin-right: auto;
background: var(--main-bg-color);
border: 1px solid var(--border-color);
.modal-header {
display: flex;
flex-direction: column;
padding: 20px 20px 10px;
border-bottom: 1px solid var(--border-color);
.modal-title {
margin: 0 0 5px;
color: var(--main-text-color);
font-size: var(--title-font-size);
}
p {
margin: 0;
font-size: 0.8rem;
color: var(--secondary-text-color);
}
}
.modal-content {
padding: 20px;
overflow: auto;
}
.modal-footer {
display: flex;
flex-direction: row;
justify-content: flex-end;
padding: 15px 20px;
gap: 20px;
}
}
}