Fix: Small fixes to Sessions tab

This commit is contained in:
nizune 2021-07-06 17:42:32 +02:00
parent 9f85eda402
commit b62eeb35e7
6 changed files with 34 additions and 10 deletions

2
external/lang vendored

@ -1 +1 @@
Subproject commit ce5e32d444a35a691ac6b0abfbc722945e7cdf46
Subproject commit 1d2b4d0147ef4bd0613c44c702233f7af888d6c0

View file

@ -117,7 +117,7 @@ export default function ColourSwatches({ value, onChange }: Props) {
type="small"
key={i}
onClick={() => onChange(swatch)}>
{swatch === value && <Check size={18} />}
{swatch === value && <Check size={22} />}
</Swatch>
))}
</div>

View file

@ -75,6 +75,7 @@
.container {
width: 218px;
padding: 60px 8px;
height: fit-content;
}
.divider {

View file

@ -69,6 +69,10 @@
font-weight: 600;
color: var(--foreground);
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
a {
@ -329,6 +333,26 @@
.name {
font-weight: 600;
border-bottom: 2px solid transparent;
}
input {
background: transparent;
border: 0;
font-family: inherit;
font-size: 1rem;
padding: 0;
outline: 0;
border-radius: 0;
color: inherit;
&:focus {
border-bottom: 2px solid var(--accent);
}
&[data-active="true"] {
border-bottom: 2px solid inherit;
}
}
.icon {
@ -361,6 +385,7 @@
.name {
text-transform: capitalize;
text-overflow: ellipsis;
}
.time {

View file

@ -133,9 +133,7 @@ export function Sessions() {
<div>{getSystemIcon(session)}</div>
</div>
<div className={styles.info}>
<span className={styles.name}>
{session.friendly_name}
</span>
<input type="text" className={styles.name} value={session.friendly_name} autocomplete="off" />
<span className={styles.time}>
<Text
id="app.settings.pages.sessions.created"