reduce footprint of closing indicator
This commit is contained in:
@@ -371,6 +371,13 @@ function BottomBar({
|
|||||||
layer="tracks"
|
layer="tracks"
|
||||||
/>
|
/>
|
||||||
<div className="flex items-center justify-center px-3 pt-2">
|
<div className="flex items-center justify-center px-3 pt-2">
|
||||||
|
{exitRemainingMs !== null && (
|
||||||
|
<div className="flex justify-center">
|
||||||
|
<span className="rounded-full bg-black/30 px-2 text-xs text-white/70 backdrop-blur-sm">
|
||||||
|
Closing in {Math.ceil(exitRemainingMs / 1000)}s
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
<ControlsIndicator type="reply" showEscape={true}>
|
<ControlsIndicator type="reply" showEscape={true}>
|
||||||
<span>
|
<span>
|
||||||
<kbd className="rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs">
|
<kbd className="rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs">
|
||||||
@@ -380,13 +387,6 @@ function BottomBar({
|
|||||||
</span>
|
</span>
|
||||||
</ControlsIndicator>
|
</ControlsIndicator>
|
||||||
</div>
|
</div>
|
||||||
{exitRemainingMs !== null && (
|
|
||||||
<div className="flex justify-center pt-1">
|
|
||||||
<span className="rounded-full bg-black/30 px-2 py-1 text-xs text-white/70 backdrop-blur-sm">
|
|
||||||
Closing in {Math.ceil(exitRemainingMs / 1000)}s
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user