mirror of https://github.com/Nevysha/Cozy-Nest.git
111 lines
2.1 KiB
CSS
111 lines
2.1 KiB
CSS
.App {
|
|
/*TODO calc this*/
|
|
width: max(800px, 50vw);
|
|
height: fit-content;
|
|
min-height: 150px;
|
|
z-index: 9998;
|
|
border: 1px solid var(--ae-input-border-color);
|
|
|
|
background-color: var(--block-background-fill);
|
|
font-weight: var(--body-text-weight);
|
|
font-size: var(--body-text-size);
|
|
color: var(--button-secondary-text-color);
|
|
|
|
}
|
|
|
|
.nevysha-btn-menu {
|
|
fill: var(--ae-primary-color);
|
|
width: 20px;
|
|
}
|
|
|
|
.container {
|
|
border-top: none;
|
|
border-bottom-right-radius: var(--container-radius);
|
|
border-bottom-left-radius: var(--container-radius);
|
|
padding: var(--block-padding);
|
|
}
|
|
|
|
.btn-settings {
|
|
cursor: pointer;
|
|
position: relative;
|
|
width: 60px;
|
|
height: 35px;
|
|
display: flex;
|
|
place-content: center;
|
|
flex-wrap: wrap;
|
|
background: var(--ae-input-bg-color);
|
|
border: 1px solid var(--ae-input-border-color);
|
|
border-radius: 0;
|
|
color: var(--body-text-color);
|
|
font-size: var(--body-text-size);
|
|
}
|
|
.btn-settings:hover {
|
|
background: var(--ae-input-bg-color);
|
|
border: 1px solid var(--ae-input-border-color);
|
|
}
|
|
.btn-settings:active {
|
|
outline: none;
|
|
}
|
|
.btn-toolbar {
|
|
padding: 10px 0 20px;
|
|
}
|
|
|
|
.title {
|
|
width: 100%;
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 10px;
|
|
}
|
|
.title > h2 {
|
|
font-size: 1.8em;
|
|
color: var(--ae-primary-color);
|
|
font-family: "Caveat Variable", sans-serif;
|
|
margin: 0;
|
|
}
|
|
.title > .subtitle {
|
|
font-size: 10px;
|
|
font-style: italic;
|
|
}
|
|
|
|
.picker {
|
|
position: relative;
|
|
}
|
|
|
|
.swatch {
|
|
width: 28px;
|
|
height: 28px;
|
|
border: 1px solid var(--ae-input-border-color);
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.popoverWrap {
|
|
position: fixed;
|
|
z-index: 29;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
/*background-color: #1a1a1a;*/
|
|
}
|
|
|
|
.popover {
|
|
position: fixed;
|
|
border-radius: 9px;
|
|
z-index: 30;
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.header {
|
|
}
|
|
|
|
.OutputFolderSelector {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.nevysha-reporting a {
|
|
margin: 0 4px;
|
|
} |