|
1120 | 1120 | <span>{session.errorMessage}</span> |
1121 | 1121 | </div> |
1122 | 1122 | {:else if session && session.status !== 'running' && session.status !== 'queued'} |
1123 | | - {#if session.completionReason === 'crashed' || session.completionReason === 'app_quit'} |
1124 | | - <div class="session-end-banner warning"> |
| 1123 | + {#if session.completionReason === 'crashed' || session.completionReason === 'app_quit' || session.completionReason === 'interrupted'} |
| 1124 | + <div |
| 1125 | + class="session-end-banner" |
| 1126 | + class:warning={session.completionReason === 'crashed' || |
| 1127 | + session.completionReason === 'app_quit'} |
| 1128 | + class:neutral={session.completionReason === 'interrupted'} |
| 1129 | + > |
1125 | 1130 | <Info size={14} /> |
1126 | 1131 | <span> |
1127 | 1132 | {session.completionReason === 'crashed' |
1128 | 1133 | ? 'This session ended unexpectedly.' |
1129 | | - : 'This session was interrupted when Staged closed.'} |
| 1134 | + : session.completionReason === 'app_quit' |
| 1135 | + ? 'This session was interrupted when Staged closed.' |
| 1136 | + : 'You stopped this session.'} |
1130 | 1137 | </span> |
1131 | 1138 | <button |
1132 | 1139 | class="resume-btn" |
|
1136 | 1143 | Resume |
1137 | 1144 | </button> |
1138 | 1145 | </div> |
1139 | | - {:else if session.completionReason === 'interrupted'} |
1140 | | - <div class="session-end-banner neutral"> |
1141 | | - <Info size={14} /> |
1142 | | - <span>You stopped this session.</span> |
1143 | | - </div> |
1144 | 1146 | {/if} |
1145 | 1147 | {/if} |
1146 | 1148 | </div> |
|
1800 | 1802 | .resume-btn { |
1801 | 1803 | margin-left: auto; |
1802 | 1804 | padding: 4px 12px; |
1803 | | - border: 1px solid var(--ui-warning); |
| 1805 | + border: 1px solid currentColor; |
1804 | 1806 | border-radius: 6px; |
1805 | 1807 | background: transparent; |
1806 | | - color: var(--ui-warning); |
| 1808 | + color: inherit; |
1807 | 1809 | font-size: var(--size-xs); |
1808 | 1810 | font-weight: 500; |
1809 | 1811 | cursor: pointer; |
|
1812 | 1814 | } |
1813 | 1815 |
|
1814 | 1816 | .resume-btn:hover { |
1815 | | - background: var(--ui-warning-bg); |
| 1817 | + background: color-mix(in srgb, currentColor 10%, transparent); |
1816 | 1818 | } |
1817 | 1819 |
|
1818 | 1820 | .resume-btn:disabled { |
|
0 commit comments