91 lines
1.4 KiB
CSS
91 lines
1.4 KiB
CSS
.header {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
height: 36px;
|
|
width: 100%;
|
|
border: var(--border);
|
|
|
|
.valid {
|
|
background-color: var(--green);
|
|
}
|
|
|
|
.invalid {
|
|
background-color: var(--red);
|
|
}
|
|
|
|
.inputs {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.info {
|
|
margin: 0 8px;
|
|
line-height: 36px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 16px;
|
|
}
|
|
|
|
.buttons {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
padding: 0 8px;
|
|
|
|
.online {
|
|
color: var(--brightGreen);
|
|
}
|
|
|
|
.offline {
|
|
color: var(--brightRed);
|
|
}
|
|
}
|
|
}
|
|
|
|
.modalTitle {
|
|
margin: 0;
|
|
}
|
|
|
|
.scrollPane {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
margin: 8px 0;
|
|
|
|
textarea {
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
|
|
.connectionEditor {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.modal {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
min-height: 80dvh;
|
|
}
|
|
|
|
.currentStory {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 10px;
|
|
|
|
.storiesSelector {
|
|
height: 24px;
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
.loreText {
|
|
flex-grow: 1;
|
|
} |