website_next: part 3

website_next/wallets/empty/index.js

@@ -1,4 +1,4 @@
-import { createElement } from "../dom.js";
+import { createWalletPart } from "../dom.js";
 
 /**
  * @typedef {Object} EmptyOptions
@@ -10,7 +10,7 @@ import { createElement } from "../dom.js";
  * @param {EmptyOptions} options
  */
 export function createEmpty(options) {
-  const empty = createElement("section", "empty");
+  const empty = createWalletPart("section", "empty");
   const title = document.createElement("h1");
   const text = document.createElement("p");
   const actions = document.createElement("menu");

website_next/wallets/empty/style.css

@@ -1,5 +1,5 @@
-main.wallets {
-  .empty {
+main[data-page="wallets"] {
+  [data-wallet="empty"] {
     display: grid;
     gap: 1rem;
     place-content: center;
@@ -9,7 +9,7 @@ main.wallets {
     h1 {
       margin: 0;
       font-size: 4rem;
-      font-weight: 400;
+      font-weight: var(--font-weight-regular);
       line-height: 1;
     }