fix style

PingHuskar · May 4, 2023 · 412ab17 · 412ab17
1 parent 9fd88d9
commit 412ab17
Show file tree

Hide file tree

Showing 6 changed files with 44 additions and 6 deletions.
diff --git a/BahtRxTS/package-lock.json b/BahtRxTS/package-lock.json
diff --git a/BahtRxTS/package.json b/BahtRxTS/package.json
@@ -1,7 +1,7 @@
 {
   "name": "bahtrext",
   "private": true,
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/BahtRxTS/src/App.css b/BahtRxTS/src/App.css
@@ -24,7 +24,13 @@ body, .App {
   align-items: center;
   text-align: center;
   width: 50%;
-  margin-bottom: 1vh;
+  margin: 3vh 0;
+}
+
+h1, a, button, input {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
 }
 
 input {
@@ -36,4 +42,14 @@ button {
   margin-top: 1vh;
   font-weight: bold;
   padding: 5px 10px;
+  margin-top: 3vh;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+  display: flex;
+  position: absolute;
+  bottom: 0;
+  right: 0;
 }/*# sourceMappingURL=App.css.map */
diff --git a/BahtRxTS/src/App.css.map b/BahtRxTS/src/App.css.map
diff --git a/BahtRxTS/src/App.scss b/BahtRxTS/src/App.scss
@@ -26,18 +26,36 @@ body {
     align-items: center;
     text-align: center;
     width: 50%;
-    margin-bottom: 1vh;
+    margin: 3vh 0;
   }
 }
 
+h1 {
+  user-select: none;
+}
+
 input {
+  @extend h1;
   font-weight: 600;
   text-align: right;
   // &[type=number] {
   // }
 }
+
 button {
+  @extend h1;
   margin-top: 1vh;
   font-weight: bold;
   padding: 5px 10px;
+  margin-top: 3vh;
+}
+
+a {
+  @extend h1;
+  color: inherit;
+  text-decoration: none;
+  display: flex;
+  position: absolute;
+  bottom: 0;
+  right: 0;
 }
diff --git a/BahtRxTS/src/App.tsx b/BahtRxTS/src/App.tsx
@@ -124,6 +124,7 @@ function App() {
 
   return (
     <div className="App">
+      <h1>BahtRext</h1>
       <div className="output">
         {BahtText(num.toString())}
       </div>
@@ -140,11 +141,14 @@ function App() {
           e.preventDefault()
           navigator.clipboard.writeText(BahtText(num.toString()))
           toast.dismiss()
-          toast(`Copied ${BahtText(num.toString())}`,{
+          toast(`คัดลอก ${BahtText(num.toString())}`,{
             toastId: `copy`
           })
         }}>Copy</button>
       </div>
+      <a href="https://chrome.google.com/webstore/detail/bahtrext/fdehdmggnbjkonaiimejflhddmdgepgd" target="_blank" rel="noopener noreferrer">
+        visit chrome web store
+      </a>
       <ToastContainer limit={7} />
     </div>
   )