justinzeus/spreadlab
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web: keep network graphs from collapsing on shorter desktops; clarify the educated 30% is a share, not the same students

Browse source
This commit is contained in:
Justin Visser 2026-06-27 18:03:22 +02:00
parent 7ad1e0f3bf
commit 8e1964c0dd
3 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
web/src/App.vue
View file

@ -188,10 +188,11 @@ onMounted(async () => {
} }
} }
/* Snap the dashboard to one screen when the window is tall enough; the graph /* Snap the dashboard to one screen only when the window is tall enough to fit
grid takes the leftover height. Short windows fall back to normal scroll the graph grid; the grid takes the leftover height. Below this the panels
so nothing clips. */ would be squeezed until the network graphs collapse, so shorter windows
@media (min-width: 761px) and (min-height: 760px) { (e.g. 1080p at 100% with browser chrome) fall back to normal scroll. */
@media (min-width: 761px) and (min-height: 1000px) {
.shell { .shell {
height: 100dvh; height: 100dvh;
display: flex; display: flex;

2
web/src/components/PanelGrid.vue
View file

@ -33,7 +33,7 @@ function addScenario() {
// gate); otherwise the CSS fallback and natural flow apply. // gate); otherwise the CSS fallback and natural flow apply.
const gridElement = ref<HTMLElement | null>(null) const gridElement = ref<HTMLElement | null>(null)
const ROW_GAP_PX = 16 const ROW_GAP_PX = 16
const oneScreen = window.matchMedia('(min-width: 761px) and (min-height: 760px)') const oneScreen = window.matchMedia('(min-width: 761px) and (min-height: 1000px)')
let rowObserver: ResizeObserver | null = null let rowObserver: ResizeObserver | null = null
function syncRowHeight() { function syncRowHeight() {

2
web/src/presets/deepfake-school.ts
View file

@ -7,7 +7,7 @@ import type { StudyPreset } from './types'
export const deepfakeSchoolPreset: StudyPreset = { export const deepfakeSchoolPreset: StudyPreset = {
headline: 'How a non‑consensual deepfake spreads through a school', headline: 'How a non‑consensual deepfake spreads through a school',
narrative: narrative:
'One simulated year group, 120 students. Educate the same 30% of them, ' + 'One simulated year group, 120 students. Educate the same share (30%) of them, ' +
'but change who: the fake reaches {0} of the school with no program, ' + 'but change who: the fake reaches {0} of the school with no program, ' +
'{1} educating at random, and {2} educating the best‑connected students.', '{1} educating at random, and {2} educating the best‑connected students.',
disclaimerShort: 'Illustrative model, not validated', disclaimerShort: 'Illustrative model, not validated',