Update Template

textlint · Apr 18, 2021 · 879b783 · 879b783
1 parent 5e9e677
commit 879b783
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/packages/@textlint/website-generator/template/index.html b/packages/@textlint/website-generator/template/index.html
@@ -222,6 +222,12 @@
             display: flex;
             align-items: center;
         }
+
+        .status {
+            color: var(--c3);
+            background: var(--c1);
+            padding: 0.5em 1em;
+        }
     </style>
 </head>
 <body>
@@ -231,13 +237,13 @@
         <textarea id="input" class="textarea" spellcheck="false">お刺身が食べれない！お寿司は食べられる。
 東京特許許可局は難しい漢字だ。
 今すぐ行動することができる。
-
-This spellinng is a typo.
+This spellinng is maybe a typo.
 </textarea>
 
     </main>
     <button id="install">Install</button>
-    <label for="install">* require <a href="https://github.com/textlint/editor/tree/master/packages/webextension">textlint-editor browser extension</a></label>
+    <label for="install">* require <a href="https://github.com/textlint/editor/tree/master/packages/webextension">textlint-editor
+        browser extension</a></label>
     <div id="metadata" class="metadata"></div>
 </div>
 <aside class="side">

diff --git a/packages/textchecker-element/public/index.html b/packages/textchecker-element/public/index.html
@@ -222,6 +222,12 @@
             display: flex;
             align-items: center;
         }
+
+        .status {
+            color: var(--c3);
+            background: var(--c1);
+            padding: 0.5em 1em;
+        }
     </style>
 </head>
 <body>
@@ -236,7 +242,8 @@
 
     </main>
     <button id="install">Install</button>
-    <label for="install">* require <a href="https://github.com/textlint/editor/tree/master/packages/webextension">textlint-editor browser extension</a></label>
+    <label for="install">* require <a href="https://github.com/textlint/editor/tree/master/packages/webextension">textlint-editor
+        browser extension</a></label>
     <div id="metadata" class="metadata"></div>
 </div>
 <aside class="side">