+
Reset
)}
diff --git a/js/components/DiskII.tsx b/js/components/DiskII.tsx
index e622a3e..0840d43 100644
--- a/js/components/DiskII.tsx
+++ b/js/components/DiskII.tsx
@@ -7,6 +7,8 @@ import { loadJSON, loadHttpFile, getHashParts } from './util/files';
import { ErrorModal } from './ErrorModal';
import { useHash } from './hooks/useHash';
+import styles from './css/DiskII.module.css';
+
/**
* Storage structure for Disk II state returned via callbacks.
*/
@@ -73,20 +75,14 @@ export const DiskII = ({ disk2, number, on, name, side }: DiskIIProps) => {
}, []);
return (
-
+
-
+
-
diff --git a/js/components/ErrorModal.tsx b/js/components/ErrorModal.tsx
index 0e58d1c..0c0b7bc 100644
--- a/js/components/ErrorModal.tsx
+++ b/js/components/ErrorModal.tsx
@@ -2,6 +2,8 @@ import { h } from 'preact';
import { useCallback } from 'preact/hooks';
import { Modal, ModalContent, ModalFooter } from './Modal';
+import styles from './css/ErrorModal.module.css';
+
export interface ErrorProps {
error: unknown | undefined;
setError: (error: string | undefined) => void;
@@ -30,7 +32,7 @@ export const ErrorModal = ({ error, setError }: ErrorProps) => {
onClose={onClose}
>
-
+
{errorStr}
diff --git a/js/components/FileModal.tsx b/js/components/FileModal.tsx
index 1c99060..8279a23 100644
--- a/js/components/FileModal.tsx
+++ b/js/components/FileModal.tsx
@@ -11,6 +11,8 @@ import { noAwait } from './util/promises';
import { useHash } from './hooks/useHash';
import { FileChooser, FilePickerAcceptType } from './FileChooser';
+import styles from './css/FileModal.module.css';
+
const DISK_TYPES: FilePickerAcceptType[] = [
{
description: 'Disk Images',
@@ -106,7 +108,7 @@ export const FileModal = ({ disk2, number, onClose, isOpen }: FileModalProps) =>
<>
-
+