design docs: no green/red light on Game folder
This commit is contained in:
@@ -365,7 +365,6 @@ function DirectoryButton({ path }) {
|
||||
>
|
||||
<Icon.folder/>
|
||||
<span className="dirbtn-label">{label}</span>
|
||||
<span className="dirbtn-status-dot" aria-hidden="true"/>
|
||||
</button>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -67,8 +67,10 @@ function Launcher({
|
||||
<div className="topbar-right-lead">
|
||||
<SortMenu value={sort} onChange={setSort} accent={accent}/>
|
||||
</div>
|
||||
<DirectoryButton path={gameFolderSet === false ? null : DIR_PATH}/>
|
||||
<KebabMenu items={menuItems}/>
|
||||
<div className="topbar-right-trail">
|
||||
<DirectoryButton path={gameFolderSet === false ? null : DIR_PATH}/>
|
||||
<KebabMenu items={menuItems}/>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
) : (
|
||||
|
||||
@@ -118,6 +118,12 @@
|
||||
align-items: center;
|
||||
min-width: 0;
|
||||
}
|
||||
.topbar-single .topbar-right-trail {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
/* When the launcher gets narrow, the three-zone centering breaks down —
|
||||
collapse to a single left-to-right flowing row. */
|
||||
@@ -129,7 +135,8 @@
|
||||
}
|
||||
.topbar-single .topbar-left,
|
||||
.topbar-single .topbar-center,
|
||||
.topbar-single .topbar-right {
|
||||
.topbar-single .topbar-right,
|
||||
.topbar-single .topbar-right-trail {
|
||||
justify-content: flex-start;
|
||||
flex: 0 0 auto;
|
||||
gap: 12px;
|
||||
@@ -374,20 +381,6 @@
|
||||
}
|
||||
.dirbtn:hover { border-color: var(--bd-2); }
|
||||
.dirbtn-label { line-height: 1; }
|
||||
.dirbtn-status-dot {
|
||||
width: 8px; height: 8px;
|
||||
margin-left: 2px;
|
||||
border-radius: 999px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.dirbtn-set .dirbtn-status-dot {
|
||||
background: var(--ok);
|
||||
box-shadow: 0 0 6px color-mix(in srgb, var(--ok) 70%, transparent);
|
||||
}
|
||||
.dirbtn-unset .dirbtn-status-dot {
|
||||
background: var(--danger);
|
||||
box-shadow: 0 0 6px color-mix(in srgb, var(--danger) 70%, transparent);
|
||||
}
|
||||
.dirbtn-unset {
|
||||
border-color: color-mix(in srgb, var(--danger) 35%, var(--bd-1));
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user