thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-10-27 07:52:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove legacy CSS and enable design system by default

Browse Source
This commit is contained in:
thePR0M3TH3AN committed 2025-10-12 06:58:50 -04:00
1 parent 0bdc578890
commit 3f1238b5a9
39 files changed
+1259 -1873
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

components/iframe_forms/iframe-application-form.html
+1 -3
View File
@@ -5,13 +5,11 @@
<title>bitvid Whitelist Application Form</title>
<!-- Link to your main stylesheet -->
<link rel="stylesheet" href="../../css/style.css?v=2024.10.29" />
<link rel="stylesheet" href="../../css/tailwind.generated.css" />
<link rel="stylesheet" href="./iframe-forms.css" />
<!-- Load nostr‑tools v2.10.4 -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/nostr.bundle.min.js"></script>
</head>
<body data-ds="legacy">
<body class="iframe-form" data-ds="new">
<div class="container">
<div class="form-container">
<p>
components/iframe_forms/iframe-bug-fix-form.html
+1 -3
View File
@@ -5,13 +5,11 @@
<title>bitvid Bug Report Form</title>
<!-- Link to your main stylesheet -->
<link rel="stylesheet" href="../../css/style.css?v=2024.10.29" />
<link rel="stylesheet" href="../../css/tailwind.generated.css" />
<link rel="stylesheet" href="./iframe-forms.css" />
<!-- Load nostr‑tools v2.10.4 -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/nostr.bundle.min.js"></script>
</head>
<body data-ds="legacy">
<body class="iframe-form" data-ds="new">
<div class="container">
<div class="form-container">
<p>
components/iframe_forms/iframe-content-appeals-form.html
+1 -3
View File
@@ -5,13 +5,11 @@
<title>bitvid Content Appeals Form</title>
<!-- Link to your main stylesheet -->
<link rel="stylesheet" href="../../css/style.css?v=2024.10.29" />
<link rel="stylesheet" href="../../css/tailwind.generated.css" />
<link rel="stylesheet" href="./iframe-forms.css" />
<!-- Load nostr‑tools v2.10.4 -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/nostr.bundle.min.js"></script>
</head>
<body data-ds="legacy">
<body class="iframe-form" data-ds="new">
<div class="container">
<div class="form-container">
<p>
components/iframe_forms/iframe-feedback-form.html
+1 -3
View File
@@ -5,13 +5,11 @@
<title>bitvid General Feedback Form</title>
<!-- Link to your main stylesheet -->
<link rel="stylesheet" href="../../css/style.css?v=2024.10.29" />
<link rel="stylesheet" href="../../css/tailwind.generated.css" />
<link rel="stylesheet" href="./iframe-forms.css" />
<!-- Load nostr‑tools v2.10.4 -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/nostr.bundle.min.js"></script>
</head>
<body data-ds="legacy">
<body class="iframe-form" data-ds="new">
<div class="container">
<div class="form-container">
<p>
components/iframe_forms/iframe-forms.css
-140
View File
@@ -1,140 +0,0 @@
/* Shared styling for iframe-hosted forms so they match the modal design system. */
body {
background-color: transparent;
color: var(--color-text);
font-family: var(--font-family-sans);
margin: var(--space-lg);
}
.container {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.form-container {
background-color: var(--color-surface-alt);
border-radius: var(--radius-md);
box-shadow: var(--shadow-md);
color: var(--color-text);
display: flex;
flex-direction: column;
gap: var(--space-md);
padding: var(--space-lg);
}
.form-container > p {
margin: 0;
}
form {
display: flex;
flex-direction: column;
}
form > * + * {
margin-top: var(--space-sm);
}
form h1,
form h2 {
color: var(--color-text);
margin-top: var(--space-md);
}
label {
color: var(--color-subtle-text);
display: block;
font-weight: 600;
margin-top: var(--space-sm);
}
label + .form-control,
label + .textarea,
label + .select {
margin-top: var(--space-xs);
}
.checkbox-group {
display: flex;
flex-wrap: wrap;
gap: var(--space-sm);
margin-top: var(--space-xs);
}
.checkbox-group label {
align-items: center;
color: var(--color-subtle-text);
display: inline-flex;
font-weight: 500;
gap: var(--space-xs);
margin: 0;
}
.checkbox-group input[type="checkbox"] {
margin: 0;
}
.radio-group {
display: flex;
flex-wrap: wrap;
gap: var(--space-sm);
margin-top: var(--space-xs);
}
.radio-group label {
align-items: center;
color: var(--color-subtle-text);
display: inline-flex;
font-weight: 500;
gap: var(--space-xs);
margin: 0;
}
.radio-group input[type="radio"] {
accent-color: var(--color-info-strong);
margin: 0;
}
button.btn {
align-self: flex-start;
margin-top: var(--space-md);
}
#status {
background: var(--color-surface);
border-radius: var(--radius-sm);
box-shadow: inset 0 0 0 1px var(--color-border-translucent);
color: var(--color-subtle-text);
min-height: 5rem;
padding: var(--space-sm);
white-space: pre-wrap;
}
.status-line {
color: var(--color-subtle-text);
margin: var(--space-2xs) 0;
}
.status-line.error {
color: var(--color-critical-strong);
}
.status-line.success {
color: var(--color-info-strong);
}
.status-line.warn {
color: var(--color-warning-strong);
}
@media (max-width: 640px) {
body {
margin: var(--space-md);
}
.form-container {
padding: var(--space-md);
}
}
components/iframe_forms/iframe-request-form.html
+1 -3
View File
@@ -4,13 +4,11 @@
<meta charset="utf-8" />
<title>bitvid Feature Request Form</title>
<!-- Link to your main stylesheet -->
<link rel="stylesheet" href="../../css/style.css?v=2024.10.29" />
<link rel="stylesheet" href="../../css/tailwind.generated.css" />
<link rel="stylesheet" href="./iframe-forms.css" />
<!-- Load nostr‑tools v2.10.4 -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/nostr.bundle.min.js"></script>
</head>
<body data-ds="legacy">
<body class="iframe-form" data-ds="new">
<div class="container">
<div class="form-container">
<p>