WIP PWA for Grain
fix: prevent comment input height jump during loading
+3
-4
+3
-4
src/components/molecules/grain-comment-input.js
+3
-4
src/components/molecules/grain-comment-input.js
···
56
56
color: var(--color-accent);
57
57
font-size: var(--font-size-sm);
58
58
font-weight: var(--font-weight-semibold);
59
+
min-width: 32px;
60
+
min-height: 20px;
59
61
}
60
62
.send-button:disabled {
61
63
opacity: 0.5;
62
64
cursor: not-allowed;
63
-
}
64
-
grain-spinner {
65
-
--spinner-size: 16px;
66
65
}
67
66
.focus-photo {
68
67
position: relative;
···
154
153
?disabled=${!canSend}
155
154
@click=${this.#handleSend}
156
155
>
157
-
${this.loading ? html`<grain-spinner></grain-spinner>` : 'Post'}
156
+
${this.loading ? html`<grain-spinner size="16"></grain-spinner>` : 'Post'}
158
157
</button>
159
158
</div>
160
159
`;