CRT Search: Difference between revisions

Line 4:

'''Welcome to the CRT Search page.''' Use the filters to find CRTs by brand, specifications, inputs, mods, and more.

<div style="font-size: 1.~~125rem~~; font-weight: 600; margin-bottom: 0.~~5rem~~;">~~Can't find what you're looking for?~~</div>

<div style="color: #a0aec0; ~~margin~~-~~bottom~~: ~~1rem~~;">Help expand the database by adding a new CRT model to the wiki.</div>

<div style="font-weight: 600; margin-bottom: 0.25rem;">[[CRT Queries|🔬 Advanced Queries]]</div>

~~{{#forminput:~~

<div style="color: #a0aec0; font-size: 0.85rem;">Power queries for finding specific CRTs by specs, inputs, mods, and more.</div>

~~form=CRT model~~

</div>

~~|button text=Create or edit CRT~~

~~|placeholder=Sony KV-27S42~~

<div style="font-weight: 600; margin-bottom: 0.25rem;">[[Create a CRT|➕ Add a New CRT]]</div>

~~|autocomplete on category=CRT models~~

<div style="color: #a0aec0; font-size: 0.85rem;">Help expand the database by adding a new CRT model to the wiki.</div>

~~|no autofocus~~

</div>

}}

</div>

@@ Line 4: / Line 4: @@
 '''Welcome to the CRT Search page.''' Use the filters to find CRTs by brand, specifications, inputs, mods, and more.
-<div style="margin-bottom: 1.5rem; padding: 1.5rem; background: rgba(96, 165, 250, 0.1); border: 1px solid rgba(96, 165, 250, 0.3); border-radius: 0.75rem;">
+<div style="display: flex; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap;">
-<div style="font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;">Can't find what you're looking for?</div>
+<div style="flex: 1; min-width: 200px; padding: 1rem 1.25rem; background: rgba(96, 165, 250, 0.08); border: 1px solid rgba(96, 165, 250, 0.25); border-radius: 0.625rem;">
-<div style="color: #a0aec0; margin-bottom: 1rem;">Help expand the database by adding a new CRT model to the wiki.</div>
+<div style="font-weight: 600; margin-bottom: 0.25rem;">[[CRT Queries|🔬 Advanced Queries]]</div>
-{{#forminput:
+<div style="color: #a0aec0; font-size: 0.85rem;">Power queries for finding specific CRTs by specs, inputs, mods, and more.</div>
-  form=CRT model
+</div>
-  |button text=Create or edit CRT
+<div style="flex: 1; min-width: 200px; padding: 1rem 1.25rem; background: rgba(74, 222, 128, 0.08); border: 1px solid rgba(74, 222, 128, 0.25); border-radius: 0.625rem;">
-  |placeholder=Sony KV-27S42
+<div style="font-weight: 600; margin-bottom: 0.25rem;">[[Create a CRT|➕ Add a New CRT]]</div>
-  |autocomplete on category=CRT models
+<div style="color: #a0aec0; font-size: 0.85rem;">Help expand the database by adding a new CRT model to the wiki.</div>
-  |no autofocus
+</div>
-}}
 </div>