Files
Daybreak/Daybreak.Core/Views/Components/FocusView/BuildComponent.razor.css
T

89 lines
1.6 KiB
CSS

.container {
display: flex;
flex-direction: column;
height: 100%;
overflow: visible;
position: relative;
}
.component-title {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
}
.title-left {
display: flex;
align-items: center;
}
.title-right {
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 4px;
}
.title {
font-size: var(--font-size-large);
color: var(--neutral-foreground-rest);
}
.builds-list {
flex: 1;
overflow-y: auto;
min-height: 0;
display: flex;
flex-direction: column;
}
.builds-list.read-only {
pointer-events: none;
opacity: 0.6;
}
.build-entry {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 8px;
cursor: pointer;
}
.build-entry:hover {
border-color: var(--accent-fill-hover);
border: solid 1px;
border-radius: 8px;
}
.build-entry:focus {
outline: 2px solid var(--accent-fill-focus);
outline-offset: -2px;
}
.build-name {
font-size: var(--font-size-medium);
}
.build-actions {
margin-left: auto;
}
.load-button {
border: 1px solid var(--neutral-stroke-rest);
background: var(--neutral-fill-rest);
color: var(--neutral-foreground-rest);
cursor: pointer;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s;
}
.build-snippet-overlay {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 1000;
}