TheSunIsLeaking/recflare
3
0
Fork 0
mirror of https://github.com/djdevin/recflare.git synced 2026-09-09 15:11:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

[www] beta room uploads (#34)

Browse Source 
* WIP room uploads

* add beta warning
This commit is contained in:
devin
2026-08-15 13:14:40 -04:00
committed by GitHub
parent d12806625d
commit 66c09806f9
7 changed files with 337 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/www/src/client/styles.css
+75
View File
@@ -707,6 +707,13 @@ h2 {
border-color: color-mix(in srgb, var(--live) 45%, transparent);
}
/* Same pill in the accent `.warn` uses, for a control that isn't finished: a beta mark
is "worth knowing before you act", like a staged save — not a neutral fact like Private. */
.badge.beta {
color: var(--accent);
border-color: color-mix(in srgb, var(--accent) 45%, transparent);
}
.room-desc {
margin: 6px 0 0;
font-size: 0.875rem;
@@ -873,6 +880,74 @@ h2 {
overflow-wrap: anywhere;
}
/*
* Replacing a subroom's scene data. Boxed off from the download links above it: those
* only read the room, this one overwrites what players load, and the two shouldn't read
* as one row of blob controls.
*/
.blob-upload {
margin-top: 12px;
padding: 12px 14px;
border: 1px solid var(--line);
border-radius: 10px;
}
.blob-upload label {
margin-bottom: 10px;
font-size: 0.8rem;
}
.blob-upload-head {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 4px;
}
.blob-upload-title {
font-family: var(--display);
font-weight: 700;
font-size: 0.9rem;
}
/* Tighter than the shared `.muted` paragraph: it's a caveat under a heading, not body
copy, and the file picker should still be the first thing the eye lands on. */
.blob-upload-caveat {
margin: 0 0 10px;
font-size: 0.8rem;
}
/* The file picker draws its own button, so the shared input chrome would frame it a
second time. Padding stays, so the row lines up with the text field under it. */
.blob-upload input[type='file'] {
border: none;
background: none;
padding: 8px 0 0;
font-size: 0.8rem;
}
/* A checkbox is not a text field: the shared `input` rule would stretch it to the card's
full width and break it onto its own line, away from the words it labels. */
.check {
display: flex;
align-items: center;
gap: 8px;
}
.check input[type='checkbox'] {
display: inline-block;
width: auto;
margin: 0;
accent-color: var(--accent);
}
/* Smaller than the account forms' submit — this one sits inside a subroom row, not at
the foot of its own card. */
.blob-upload button[type='submit'] {
padding: 8px 14px;
font-size: 0.85rem;
}
/* ---- Forms -------------------------------------------------------------- */
label {