tiny UI imrovments
This commit is contained in:
@@ -35,6 +35,27 @@
|
||||
color: var(--page-text-soft);
|
||||
}
|
||||
|
||||
.status-indicator-action {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.status-indicator-action:not(:disabled) {
|
||||
color: var(--page-text);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.status-indicator-action:not(:disabled):hover,
|
||||
.status-indicator-action:not(:disabled):focus-visible {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
.status-indicator-action:disabled {
|
||||
cursor: default;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.status-led {
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
@@ -151,6 +172,7 @@
|
||||
.conversation {
|
||||
display: grid;
|
||||
gap: 0.85rem;
|
||||
align-content: start;
|
||||
min-height: 24rem;
|
||||
max-height: calc(100dvh - 20rem);
|
||||
overflow: auto;
|
||||
@@ -159,6 +181,7 @@
|
||||
|
||||
.bubble {
|
||||
position: relative;
|
||||
align-self: start;
|
||||
max-width: min(75%, 34rem);
|
||||
padding: 0.9rem 1rem;
|
||||
border-radius: 1.2rem;
|
||||
|
||||
Reference in New Issue
Block a user