Extract fade transition CSS into site.css; link from index.html. Update AGENTS.md to document site.css.
This commit is contained in:
parent
ba679a16d2
commit
07ce787d9c
4 changed files with 107 additions and 77 deletions
|
@ -5,6 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>MP3.com Metadata Browser</title>
|
||||
<link rel="stylesheet" href="./bulma.min.css" />
|
||||
<link rel="stylesheet" href="./site.css" />
|
||||
</head>
|
||||
<body>
|
||||
<!-- Simple header (Bulma navbar not needed yet) -->
|
||||
|
@ -16,7 +17,7 @@
|
|||
</section>
|
||||
|
||||
<!-- Loader/progress area: shown while DB is fetched/unpacked/initialized -->
|
||||
<section id="loader" class="section" aria-live="polite">
|
||||
<section id="loader" class="section fade fade-visible" aria-live="polite">
|
||||
<div class="container">
|
||||
<div class="box">
|
||||
<p id="loader-step" class="mb-2">Preparing…</p>
|
||||
|
@ -28,7 +29,8 @@
|
|||
</section>
|
||||
|
||||
<!-- Main app UI: hidden until DB is ready -->
|
||||
<section id="app" class="section" hidden>
|
||||
<!-- App starts hidden and will fade in after loader completes. -->
|
||||
<section id="app" class="section fade" hidden>
|
||||
<div class="container">
|
||||
<div class="box">
|
||||
<form id="search-form" class="mb-4" role="search" aria-label="Track search">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue