WIP PWA for Grain
fix: center loading spinner with flexbox
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+5
-4
+5
-4
src/components/atoms/grain-spinner.js
+5
-4
src/components/atoms/grain-spinner.js
···
3
3
export class GrainSpinner extends LitElement {
4
4
static styles = css`
5
5
:host {
6
-
display: block;
6
+
display: flex;
7
+
justify-content: center;
8
+
align-items: center;
7
9
width: 100%;
8
-
padding: var(--space-lg);
9
-
text-align: center;
10
+
padding: var(--space-lg) 0;
10
11
}
11
12
.spinner {
12
-
display: inline-block;
13
+
display: block;
13
14
width: 24px;
14
15
height: 24px;
15
16
border: 2px solid var(--color-bg-elevated);