diff --git a/BahtRxTS/package-lock.json b/BahtRxTS/package-lock.json index fe90217..e955133 100644 --- a/BahtRxTS/package-lock.json +++ b/BahtRxTS/package-lock.json @@ -1,6 +1,6 @@ { "name": "bahtrext", - "version": "1.0.0", + "version": "1.0.1", "lockfileVersion": 3, "requires": true, "packages": { diff --git a/BahtRxTS/package.json b/BahtRxTS/package.json index a21a9c6..903d0ed 100644 --- 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 index 4a902fd..45c689e 100644 --- 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 */ \ No newline at end of file diff --git a/BahtRxTS/src/App.css.map b/BahtRxTS/src/App.css.map index 94d21b9..ed5d338 100644 --- a/BahtRxTS/src/App.css.map +++ b/BahtRxTS/src/App.css.map @@ -1 +1 @@ -{"version":3,"sources":["App.scss","App.css"],"names":[],"mappings":"AAAA;EACE,SAAA;EACA,UAAA;EACA,sBAAA;EACA,uBAAA;ACCF;;ADEA;EACE,aAAA;EACA,iBAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,gBAAA;EACA,gBAAA;EACA,WAAA;ACCF;;ADIE;EACE,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,UAAA;EACA,kBAAA;ACDJ;;ADKA;EACE,gBAAA;EACA,iBAAA;ACFF;;ADMA;EACE,eAAA;EACA,iBAAA;EACA,iBAAA;ACHF","file":"App.css"} \ No newline at end of file +{"version":3,"sources":["App.scss","App.css"],"names":[],"mappings":"AAAA;EACE,SAAA;EACA,UAAA;EACA,sBAAA;EACA,uBAAA;ACCF;;ADEA;EACE,aAAA;EACA,iBAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,gBAAA;EACA,gBAAA;EACA,WAAA;ACCF;;ADIE;EACE,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,UAAA;EACA,aAAA;ACDJ;;ADKA;EACE,yBAAA;KAAA,sBAAA;UAAA,iBAAA;ACFF;;ADKA;EAEE,gBAAA;EACA,iBAAA;ACHF;;ADQA;EAEE,eAAA;EACA,iBAAA;EACA,iBAAA;EACA,eAAA;ACNF;;ADSA;EAEE,cAAA;EACA,qBAAA;EACA,aAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;ACPF","file":"App.css"} \ No newline at end of file diff --git a/BahtRxTS/src/App.scss b/BahtRxTS/src/App.scss index 62440bd..845e3a1 100644 --- 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; } \ No newline at end of file diff --git a/BahtRxTS/src/App.tsx b/BahtRxTS/src/App.tsx index fb4b2b3..fd0204d 100644 --- a/BahtRxTS/src/App.tsx +++ b/BahtRxTS/src/App.tsx @@ -124,6 +124,7 @@ function App() { return (
+

BahtRext

{BahtText(num.toString())}
@@ -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
+ + visit chrome web store + )