tanner/qotnews
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

fix: Prevent layout shift when error message appears

Browse Source 
Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
Tanner Collin
2025-11-21 22:39:34 +00:00
parent e9ee231954
commit 15aa413584
2 changed files with 8 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
webclient/src/Article.js
View File

@@ -57,14 +57,10 @@ function Article({ cache }) {
return (
<div className='article-container'>
{error ?
<details style={{marginBottom: '1rem'}}>
<details style={{marginBottom: '1rem', visibility: error ? 'visible' : 'hidden'}}>
<summary>Connection error? Click to expand.</summary>
<p>{error}</p>
</details>
:
<div style={{marginBottom: '2rem'}}></div>
}
{story ?
<div className='article'>
<Helmet>

4
webclient/src/Feed.js
View File

@@ -96,12 +96,10 @@ function Feed({ updateCache }) {
<title>QotNews</title>
<meta name="robots" content="index" />
</Helmet>
{error &&
<details style={{marginBottom: '1rem'}}>
<details style={{marginBottom: '1rem', visibility: error ? 'visible' : 'hidden'}}>
<summary>Connection error? Click to expand.</summary>
<p>{error}</p>
</details>
}
{stories ?
<div>
{stories.map(x =>