thegeneralist01/archivr
1
Fork 0
mirror of https://github.com/thegeneralist01/archivr synced 2026-07-22 03:05:32 +02:00
Code Issues Activity

style(frontend): ext cards in auto-fill grid

Browse source
This commit is contained in:
TheGeneralist 2026-07-13 14:36:42 +02:00
parent 38d8c1f702
commit 5bca1a5d6d
Signed by: thegeneralist01
SSH key fingerprint: SHA256:pp9qddbCNmVNoSjevdvQvM5z0DHN7LTa8qBMbcMq/R4
6 changed files with 61 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

2
crates/archivr-server/static/assets/index-AE6iQI2Q.js → crates/archivr-server/static/assets/index-BZnJs_tc.js
View file

File diff suppressed because one or more lines are too long

1
crates/archivr-server/static/assets/index-C89vW3ol.css
View file

File diff suppressed because one or more lines are too long

1
crates/archivr-server/static/assets/index-p2mzAHzf.css Normal file
View file

File diff suppressed because one or more lines are too long

4
crates/archivr-server/static/index.html
View file

@ -4,8 +4,8 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Archivr</title>
<script type="module" crossorigin src="/assets/index-AE6iQI2Q.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-C89vW3ol.css">
<script type="module" crossorigin src="/assets/index-BZnJs_tc.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-p2mzAHzf.css">
</head>
<body>
<div id="root"></div>

4
frontend/src/components/SettingsView.jsx
View file

@ -691,7 +691,7 @@ function ExtensionsTab() {
const cookieExtEnabled = settings?.cookie_ext_enabled ?? true
return (
<div style={{ maxWidth: 560 }}>
<div>
<div className="form-section">
<h2>Extensions</h2>
<p className="form-hint" style={{ marginBottom: 20 }}>
@ -699,6 +699,7 @@ function ExtensionsTab() {
accept cookie banners, and more. Changes take effect on the next capture.
</p>
<div className="ext-grid">
<div className="ext-card">
<div className="ext-card-header">
<div className="ext-card-info">
@ -755,6 +756,7 @@ function ExtensionsTab() {
</button>
</div>
</div>
</div>
{msg && <div className={`form-msg form-msg--${msg.ok ? 'ok' : 'err'}`}>{msg.text}</div>}
</div>

6
frontend/src/styles.css
View file

@ -1014,6 +1014,12 @@ select {
.ext-toggle--sm.ext-toggle--on .ext-toggle-knob { transform: translateX(16px); }
/* ── Extension card (Settings / Extensions tab) ──────────────────────────── */
.ext-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 12px;
}
.ext-card {
border: 1px solid var(--line);
border-radius: var(--r2);