From 31ee27586d8a233465faa7b90c7e4fe8af4a0a87 Mon Sep 17 00:00:00 2001
From: zizifn <1803942+zizifn@users.noreply.github.com>
Date: Wed, 14 Dec 2022 00:11:06 +0800
Subject: [PATCH] adjust style

---
 apps/deno-vless/src/app/app.tsx                       | 11 +++++------
 .../assets/{index.135437cb.css => index.66da34c3.css} |  2 +-
 .../assets/{index.7e535eca.js => index.7cb573a1.js}   |  2 +-
 apps/deno-vless/src/client/index.html                 |  4 ++--
 4 files changed, 9 insertions(+), 10 deletions(-)
 rename apps/deno-vless/src/client/assets/{index.135437cb.css => index.66da34c3.css} (57%)
 rename apps/deno-vless/src/client/assets/{index.7e535eca.js => index.7cb573a1.js} (97%)

diff --git a/apps/deno-vless/src/app/app.tsx b/apps/deno-vless/src/app/app.tsx
index b62d424..7cfe641 100644
--- a/apps/deno-vless/src/app/app.tsx
+++ b/apps/deno-vless/src/app/app.tsx
@@ -9,9 +9,9 @@ export function App() {
     setText(text);
   }
   return (
-    <div className="flex flex-col h-screen">
+    <div className="flex flex-col items-center h-screen">
       <Warning></Warning>
-      <div className="flex flex-col items-center h-full">
+      <div className="flex flex-col h-full ite">
         <QRcodeImg text={text}></QRcodeImg>
         <Actions handleShare={handleShare}></Actions>
         <Anything handleShare={handleShare}></Anything>
@@ -20,7 +20,6 @@ export function App() {
   );
 }
 
-function ClipboardCopy(text: string) {}
 function QRcodeImg({ text }: { text: string }) {
   const [codeImg, setcodeImg] = useState('');
   const [copy, setCopy] = useState(false);
@@ -92,7 +91,7 @@ function QRcodeImg({ text }: { text: string }) {
 function Anything({ handleShare }: { handleShare: (text: string) => void }) {
   const [text, setText] = useState('');
   return (
-    <div className="mt-4 w-60">
+    <div className="mt-4">
       <label
         htmlFor="comment"
         className="block text-sm font-medium text-gray-700"
@@ -132,7 +131,7 @@ function Actions({ handleShare }: { handleShare: (text: string) => void }) {
     return `vless://${uuid}@${url.hostname}:443?encryption=none&security=tls&type=ws#deno-vless`;
   }
   return (
-    <span className="inline-flex rounded-md shadow-sm isolate">
+    <span className="inline-flex self-center mt-4 rounded-md shadow-sm isolate">
       <button
         onClick={() => handleShare(getPageURL())}
         type="button"
@@ -153,7 +152,7 @@ function Actions({ handleShare }: { handleShare: (text: string) => void }) {
 
 function Warning() {
   return (
-    <div className="flex justify-center p-4 rounded-md bg-yellow-50">
+    <div className="flex justify-center w-full p-4 rounded-md bg-yellow-50">
       <div className="flex">
         <div className="flex-shrink-0">
           <ExclamationTriangleIcon
diff --git a/apps/deno-vless/src/client/assets/index.135437cb.css b/apps/deno-vless/src/client/assets/index.66da34c3.css
similarity index 57%
rename from apps/deno-vless/src/client/assets/index.135437cb.css
rename to apps/deno-vless/src/client/assets/index.66da34c3.css
index a715dc0..b2342c0 100644
--- a/apps/deno-vless/src/client/assets/index.135437cb.css
+++ b/apps/deno-vless/src/client/assets/index.66da34c3.css
@@ -1 +1 @@
-*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.relative{position:relative}.isolate{isolation:isolate}.ml-auto{margin-left:auto}.mt-4{margin-top:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.-ml-px{margin-left:-1px}.ml-3{margin-left:.75rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-screen{height:100vh}.h-full{height:100%}.h-\[420px\]{height:420px}.h-6{height:1.5rem}.h-5{height:1.25rem}.w-\[420px\]{width:420px}.w-full{width:100%}.w-6{width:1.5rem}.w-60{width:15rem}.w-5{width:1.25rem}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-spacing-1{--tw-border-spacing-x: .25rem;--tw-border-spacing-y: .25rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-md{border-radius:.375rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.border{border-width:1px}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity: 1;background-color:rgb(134 239 172 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity))}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border:hover{border-width:1px}.hover\:border-indigo-500:hover{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.focus\:z-10:focus{z-index:10}.focus\:border-indigo-500:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}@media (min-width: 640px){.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.relative{position:relative}.isolate{isolation:isolate}.ml-auto{margin-left:auto}.mt-4{margin-top:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.-ml-px{margin-left:-1px}.ml-3{margin-left:.75rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-screen{height:100vh}.h-full{height:100%}.h-\[420px\]{height:420px}.h-6{height:1.5rem}.h-5{height:1.25rem}.w-\[420px\]{width:420px}.w-full{width:100%}.w-6{width:1.5rem}.w-5{width:1.25rem}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-spacing-1{--tw-border-spacing-x: .25rem;--tw-border-spacing-y: .25rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded-md{border-radius:.375rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.border{border-width:1px}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity: 1;background-color:rgb(134 239 172 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity))}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border:hover{border-width:1px}.hover\:border-indigo-500:hover{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.focus\:z-10:focus{z-index:10}.focus\:border-indigo-500:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}@media (min-width: 640px){.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}
diff --git a/apps/deno-vless/src/client/assets/index.7e535eca.js b/apps/deno-vless/src/client/assets/index.7cb573a1.js
similarity index 97%
rename from apps/deno-vless/src/client/assets/index.7e535eca.js
rename to apps/deno-vless/src/client/assets/index.7cb573a1.js
index 406aad1..872a3d8 100644
--- a/apps/deno-vless/src/client/assets/index.7e535eca.js
+++ b/apps/deno-vless/src/client/assets/index.7cb573a1.js
@@ -44,4 +44,4 @@ Make sure your charset is UTF-8`);n=(n>>>8&255)*192+(n&255),e.put(n,13)}};var Jp
 The chosen QR Code version cannot contain this amount of data.
 Minimum version required to store current data is: `+o+`.
 `);const i=a0(t,n,l),u=Fl.getSymbolSize(t),s=new qp(u);return l0(s,t),o0(s),i0(s,t),go(s,n,0),t>=7&&u0(s,t),s0(s,i),isNaN(r)&&(r=fi.getBestMask(s,go.bind(null,s,n))),fi.applyMask(r,s),go(s,n,r),{modules:s,version:t,errorCorrectionLevel:n,maskPattern:r,segments:l}}Oc.create=function(t,n){if(typeof t>"u"||t==="")throw new Error("No input text");let r=ho.M,l,o;return typeof n<"u"&&(r=ho.from(n.errorCorrectionLevel,ho.M),l=gl.from(n.version),o=fi.from(n.maskPattern),n.toSJISFunc&&Fl.setToSJISFunction(n.toSJISFunc)),f0(t,l,r,o)};var Zc={},du={};(function(e){function t(n){if(typeof n=="number"&&(n=n.toString()),typeof n!="string")throw new Error("Color should be defined as hex string");let r=n.slice().replace("#","").split("");if(r.length<3||r.length===5||r.length>8)throw new Error("Invalid hex color: "+n);(r.length===3||r.length===4)&&(r=Array.prototype.concat.apply([],r.map(function(o){return[o,o]}))),r.length===6&&r.push("F","F");const l=parseInt(r.join(""),16);return{r:l>>24&255,g:l>>16&255,b:l>>8&255,a:l&255,hex:"#"+r.slice(0,6).join("")}}e.getOptions=function(r){r||(r={}),r.color||(r.color={});const l=typeof r.margin>"u"||r.margin===null||r.margin<0?4:r.margin,o=r.width&&r.width>=21?r.width:void 0,i=r.scale||4;return{width:o,scale:o?4:i,margin:l,color:{dark:t(r.color.dark||"#000000ff"),light:t(r.color.light||"#ffffffff")},type:r.type,rendererOpts:r.rendererOpts||{}}},e.getScale=function(r,l){return l.width&&l.width>=r+l.margin*2?l.width/(r+l.margin*2):l.scale},e.getImageWidth=function(r,l){const o=e.getScale(r,l);return Math.floor((r+l.margin*2)*o)},e.qrToImageData=function(r,l,o){const i=l.modules.size,u=l.modules.data,s=e.getScale(i,o),c=Math.floor((i+o.margin*2)*s),h=o.margin*s,g=[o.color.light,o.color.dark];for(let p=0;p<c;p++)for(let v=0;v<c;v++){let y=(p*c+v)*4,w=o.color.light;if(p>=h&&v>=h&&p<c-h&&v<c-h){const T=Math.floor((p-h)/s),f=Math.floor((v-h)/s);w=g[u[T*i+f]?1:0]}r[y++]=w.r,r[y++]=w.g,r[y++]=w.b,r[y]=w.a}}})(du);(function(e){const t=du;function n(l,o,i){l.clearRect(0,0,o.width,o.height),o.style||(o.style={}),o.height=i,o.width=i,o.style.height=i+"px",o.style.width=i+"px"}function r(){try{return document.createElement("canvas")}catch{throw new Error("You need to specify a canvas element")}}e.render=function(o,i,u){let s=u,c=i;typeof s>"u"&&(!i||!i.getContext)&&(s=i,i=void 0),i||(c=r()),s=t.getOptions(s);const h=t.getImageWidth(o.modules.size,s),g=c.getContext("2d"),p=g.createImageData(h,h);return t.qrToImageData(p.data,o,s),n(g,c,h),g.putImageData(p,0,0),c},e.renderToDataURL=function(o,i,u){let s=u;typeof s>"u"&&(!i||!i.getContext)&&(s=i,i=void 0),s||(s={});const c=e.render(o,i,s),h=s.type||"image/png",g=s.rendererOpts||{};return c.toDataURL(h,g.quality)}})(Zc);var qc={};const d0=du;function Ps(e,t){const n=e.a/255,r=t+'="'+e.hex+'"';return n<1?r+" "+t+'-opacity="'+n.toFixed(2).slice(1)+'"':r}function vo(e,t,n){let r=e+t;return typeof n<"u"&&(r+=" "+n),r}function p0(e,t,n){let r="",l=0,o=!1,i=0;for(let u=0;u<e.length;u++){const s=Math.floor(u%t),c=Math.floor(u/t);!s&&!o&&(o=!0),e[u]?(i++,u>0&&s>0&&e[u-1]||(r+=o?vo("M",s+n,.5+c+n):vo("m",l,0),l=0,o=!1),s+1<t&&e[u+1]||(r+=vo("h",i),i=0)):l++}return r}qc.render=function(t,n,r){const l=d0.getOptions(n),o=t.modules.size,i=t.modules.data,u=o+l.margin*2,s=l.color.light.a?"<path "+Ps(l.color.light,"fill")+' d="M0 0h'+u+"v"+u+'H0z"/>':"",c="<path "+Ps(l.color.dark,"stroke")+' d="'+p0(i,o,l.margin)+'"/>',h='viewBox="0 0 '+u+" "+u+'"',p='<svg xmlns="http://www.w3.org/2000/svg" '+(l.width?'width="'+l.width+'" height="'+l.width+'" ':"")+h+' shape-rendering="crispEdges">'+s+c+`</svg>
-`;return typeof r=="function"&&r(null,p),p};const h0=Tp,pi=Oc,bc=Zc,m0=qc;function pu(e,t,n,r,l){const o=[].slice.call(arguments,1),i=o.length,u=typeof o[i-1]=="function";if(!u&&!h0())throw new Error("Callback required as last argument");if(u){if(i<2)throw new Error("Too few arguments provided");i===2?(l=n,n=t,t=r=void 0):i===3&&(t.getContext&&typeof l>"u"?(l=r,r=void 0):(l=r,r=n,n=t,t=void 0))}else{if(i<1)throw new Error("Too few arguments provided");return i===1?(n=t,t=r=void 0):i===2&&!t.getContext&&(r=n,n=t,t=void 0),new Promise(function(s,c){try{const h=pi.create(n,r);s(e(h,t,r))}catch(h){c(h)}})}try{const s=pi.create(n,r);l(null,e(s,t,r))}catch(s){l(s)}}cr.create=pi.create;cr.toCanvas=pu.bind(null,bc.render);cr.toDataURL=pu.bind(null,bc.renderToDataURL);cr.toString=pu.bind(null,function(e,t,n){return m0.render(e,n)});const g0=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function v0(e){return typeof e=="string"&&g0.test(e)}function y0(){const[e,t]=Ue.exports.useState("");function n(r){t(r)}return Ve("div",{className:"flex flex-col h-screen",children:[D(E0,{}),Ve("div",{className:"flex flex-col items-center h-full",children:[D(w0,{text:e}),D(k0,{handleShare:n}),D(S0,{handleShare:n})]})]})}function w0({text:e}){const[t,n]=Ue.exports.useState(""),[r,l]=Ue.exports.useState(!1);Ue.exports.useEffect(()=>{(async()=>{if(e){const i=await cr.toDataURL(e);n(i)}})()},[e]);async function o(){await navigator.clipboard.writeText(e),l(!0),setTimeout(()=>{l(!1)},1500)}return Ve("div",{className:"flex flex-col border border-blue-300 overflow-hidden w-[420px] h-[420px] justify-start items-center",children:[D("img",{src:t,width:"350",height:"350",alt:"\u4E8C\u7EF4\u7801",className:"border-spacing-1"}),Ve("div",{className:"flex flex-grow w-full bg-gray-200",children:[D("span",{className:"flex-grow",children:e}),Ve("div",{className:"w-6 h-6 ml-auto",children:[D("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",onClick:o,className:`w-6 h-6 hover:cursor-pointer hover:border hover:border-indigo-500 ${r?"hidden":"block"}`,children:D("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 7.5V6.108c0-1.135.845-2.098 1.976-2.192.373-.03.748-.057 1.123-.08M15.75 18H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08M15.75 18.75v-1.875a3.375 3.375 0 00-3.375-3.375h-1.5a1.125 1.125 0 01-1.125-1.125v-1.5A3.375 3.375 0 006.375 7.5H5.25m11.9-3.664A2.251 2.251 0 0015 2.25h-1.5a2.251 2.251 0 00-2.15 1.586m5.8 0c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75 7.5H4.875c-.621 0-1.125.504-1.125 1.125v12c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V16.5a9 9 0 00-9-9z"})}),D("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",className:`w-6 h-6 hover:border hover:border-indigo-500 ${r?"block bg-green-300":"hidden"}`,children:D("path",{fillRule:"evenodd",d:"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"})})]})]})]})}function S0({handleShare:e}){const[t,n]=Ue.exports.useState("");return Ve("div",{className:"mt-4 w-60",children:[D("label",{htmlFor:"comment",className:"block text-sm font-medium text-gray-700",children:"\u968F\u610F\u8981\u5206\u4EAB\u7684\u5185\u5BB9"}),D("div",{className:"mt-1",children:D("textarea",{rows:4,name:"comment",id:"comment",className:"block w-full border border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm",value:t,onChange:r=>n(r.target.value)})}),D("div",{className:"flex justify-end mt-2",children:D("button",{onClick:()=>e(t),type:"submit",className:"inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-transparent rounded-md shadow-sm hover:border-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2",children:"\u5206\u4EAB"})})]})}function k0({handleShare:e}){function t(){return window.location.href}function n(){const r=new URL(window.location.href);return`vless://${r.pathname.split("/").find(v0)}@${r.hostname}:443?encryption=none&security=tls&type=ws#deno-vless`}return Ve("span",{className:"inline-flex rounded-md shadow-sm isolate",children:[D("button",{onClick:()=>e(t()),type:"button",className:"relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-l-md hover:border-indigo-500 focus:z-10 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500",children:"\u5206\u4EAB\u672C\u9875"}),D("button",{onClick:()=>e(n()),type:"button",className:"relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 hover:bg-gray-50 focus:z-10 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500",children:"\u5206\u4EAB V2ray"})]})}function E0(){return D("div",{className:"flex justify-center p-4 rounded-md bg-yellow-50",children:Ve("div",{className:"flex",children:[D("div",{className:"flex-shrink-0",children:D(xp,{className:"w-5 h-5 text-red-400","aria-hidden":"true"})}),Ve("div",{className:"ml-3",children:[D("h3",{className:"text-sm font-medium text-yellow-800",children:"\u6CE8\u610F\uFF01\uFF01"}),D("div",{className:"mt-2 text-sm text-yellow-700",children:D("p",{children:"\u6CC4\u9732\u672C\u9875\u9762\u5C31\u7B49\u4E8E\u6CC4\u9732\u4F60\u7684\u8BBE\u7F6E\u3002"})})]})]})})}const C0=Fc(document.getElementById("root"));C0.render(D(Ue.exports.StrictMode,{children:D(y0,{})}));
+`;return typeof r=="function"&&r(null,p),p};const h0=Tp,pi=Oc,bc=Zc,m0=qc;function pu(e,t,n,r,l){const o=[].slice.call(arguments,1),i=o.length,u=typeof o[i-1]=="function";if(!u&&!h0())throw new Error("Callback required as last argument");if(u){if(i<2)throw new Error("Too few arguments provided");i===2?(l=n,n=t,t=r=void 0):i===3&&(t.getContext&&typeof l>"u"?(l=r,r=void 0):(l=r,r=n,n=t,t=void 0))}else{if(i<1)throw new Error("Too few arguments provided");return i===1?(n=t,t=r=void 0):i===2&&!t.getContext&&(r=n,n=t,t=void 0),new Promise(function(s,c){try{const h=pi.create(n,r);s(e(h,t,r))}catch(h){c(h)}})}try{const s=pi.create(n,r);l(null,e(s,t,r))}catch(s){l(s)}}cr.create=pi.create;cr.toCanvas=pu.bind(null,bc.render);cr.toDataURL=pu.bind(null,bc.renderToDataURL);cr.toString=pu.bind(null,function(e,t,n){return m0.render(e,n)});const g0=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function v0(e){return typeof e=="string"&&g0.test(e)}function y0(){const[e,t]=Ue.exports.useState("");function n(r){t(r)}return Ve("div",{className:"flex flex-col items-center h-screen",children:[D(E0,{}),Ve("div",{className:"flex flex-col h-full ite",children:[D(w0,{text:e}),D(k0,{handleShare:n}),D(S0,{handleShare:n})]})]})}function w0({text:e}){const[t,n]=Ue.exports.useState(""),[r,l]=Ue.exports.useState(!1);Ue.exports.useEffect(()=>{(async()=>{if(e){const i=await cr.toDataURL(e);n(i)}})()},[e]);async function o(){await navigator.clipboard.writeText(e),l(!0),setTimeout(()=>{l(!1)},1500)}return Ve("div",{className:"flex flex-col border border-blue-300 overflow-hidden w-[420px] h-[420px] justify-start items-center",children:[D("img",{src:t,width:"350",height:"350",alt:"\u4E8C\u7EF4\u7801",className:"border-spacing-1"}),Ve("div",{className:"flex flex-grow w-full bg-gray-200",children:[D("span",{className:"flex-grow",children:e}),Ve("div",{className:"w-6 h-6 ml-auto",children:[D("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",onClick:o,className:`w-6 h-6 hover:cursor-pointer hover:border hover:border-indigo-500 ${r?"hidden":"block"}`,children:D("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 7.5V6.108c0-1.135.845-2.098 1.976-2.192.373-.03.748-.057 1.123-.08M15.75 18H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08M15.75 18.75v-1.875a3.375 3.375 0 00-3.375-3.375h-1.5a1.125 1.125 0 01-1.125-1.125v-1.5A3.375 3.375 0 006.375 7.5H5.25m11.9-3.664A2.251 2.251 0 0015 2.25h-1.5a2.251 2.251 0 00-2.15 1.586m5.8 0c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75 7.5H4.875c-.621 0-1.125.504-1.125 1.125v12c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V16.5a9 9 0 00-9-9z"})}),D("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",className:`w-6 h-6 hover:border hover:border-indigo-500 ${r?"block bg-green-300":"hidden"}`,children:D("path",{fillRule:"evenodd",d:"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"})})]})]})]})}function S0({handleShare:e}){const[t,n]=Ue.exports.useState("");return Ve("div",{className:"mt-4",children:[D("label",{htmlFor:"comment",className:"block text-sm font-medium text-gray-700",children:"\u968F\u610F\u8981\u5206\u4EAB\u7684\u5185\u5BB9"}),D("div",{className:"mt-1",children:D("textarea",{rows:4,name:"comment",id:"comment",className:"block w-full border border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm",value:t,onChange:r=>n(r.target.value)})}),D("div",{className:"flex justify-end mt-2",children:D("button",{onClick:()=>e(t),type:"submit",className:"inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-transparent rounded-md shadow-sm hover:border-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2",children:"\u5206\u4EAB"})})]})}function k0({handleShare:e}){function t(){return window.location.href}function n(){const r=new URL(window.location.href);return`vless://${r.pathname.split("/").find(v0)}@${r.hostname}:443?encryption=none&security=tls&type=ws#deno-vless`}return Ve("span",{className:"inline-flex self-center mt-4 rounded-md shadow-sm isolate",children:[D("button",{onClick:()=>e(t()),type:"button",className:"relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-l-md hover:border-indigo-500 focus:z-10 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500",children:"\u5206\u4EAB\u672C\u9875"}),D("button",{onClick:()=>e(n()),type:"button",className:"relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 hover:bg-gray-50 focus:z-10 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500",children:"\u5206\u4EAB V2ray"})]})}function E0(){return D("div",{className:"flex justify-center w-full p-4 rounded-md bg-yellow-50",children:Ve("div",{className:"flex",children:[D("div",{className:"flex-shrink-0",children:D(xp,{className:"w-5 h-5 text-red-400","aria-hidden":"true"})}),Ve("div",{className:"ml-3",children:[D("h3",{className:"text-sm font-medium text-yellow-800",children:"\u6CE8\u610F\uFF01\uFF01"}),D("div",{className:"mt-2 text-sm text-yellow-700",children:D("p",{children:"\u6CC4\u9732\u672C\u9875\u9762\u5C31\u7B49\u4E8E\u6CC4\u9732\u4F60\u7684\u8BBE\u7F6E\u3002"})})]})]})})}const C0=Fc(document.getElementById("root"));C0.render(D(Ue.exports.StrictMode,{children:D(y0,{})}));
diff --git a/apps/deno-vless/src/client/index.html b/apps/deno-vless/src/client/index.html
index d1e1b74..fb23914 100644
--- a/apps/deno-vless/src/client/index.html
+++ b/apps/deno-vless/src/client/index.html
@@ -8,8 +8,8 @@
 
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="icon" type="image/x-icon" href="/favicon.ico" />
-  <script type="module" crossorigin src="/assets/index.7e535eca.js"></script>
-  <link rel="stylesheet" href="/assets/index.135437cb.css">
+  <script type="module" crossorigin src="/assets/index.7cb573a1.js"></script>
+  <link rel="stylesheet" href="/assets/index.66da34c3.css">
 </head>
 
 <body>