helios/rsvp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Center signin button and adjust Events link spacing

Browse Source 
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Ian Gulliver
2025-12-29 14:27:59 -08:00
parent a5472e33dc
commit 8f0da2e688
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
static/afac26.html
View File

@@ -17,7 +17,7 @@
margin: 0; margin: 0;
padding: 1rem; padding: 1rem;
} }
#signin { display: none; } #signin { display: none; flex: 1; align-items: center; justify-content: center; }
#main { display: none; width: 100%; max-width: 600px; } #main { display: none; width: 100%; max-width: 600px; }
.header { .header {
display: flex; display: flex;
@@ -143,7 +143,7 @@
</div> </div>
</div> </div>
</wa-card> </wa-card>
<wa-button variant="text" size="small" href="/" style="margin-top: 1rem;">« Events</wa-button> <wa-button variant="text" size="small" href="/" style="margin-top: 2rem; margin-left: 3px;">« Events</wa-button>
</div> </div>
<script type="module"> <script type="module">
import { auth, logout, api } from '/app.js'; import { auth, logout, api } from '/app.js';

2
static/app.js
View File

@@ -62,7 +62,7 @@ export async function auth() {
await googleReady; await googleReady;
const signin = document.getElementById('signin'); const signin = document.getElementById('signin');
signin.style.display = 'block'; signin.style.display = 'flex';
document.body.style.opacity = 1; document.body.style.opacity = 1;
profile = await new Promise((resolve) => { profile = await new Promise((resolve) => {

2
static/index.html
View File

@@ -17,7 +17,7 @@
margin: 0; margin: 0;
padding: 1rem; padding: 1rem;
} }
#signin { display: none; } #signin { display: none; flex: 1; align-items: center; justify-content: center; }
#main { display: none; width: 100%; max-width: 600px; } #main { display: none; width: 100%; max-width: 600px; }
.header { .header {
display: flex; display: flex;