💄 style: Update node secret UI and add telephone code field to authentication form

2025-01-16 12:13:44 +07:00
parent 1cdb7e7872
commit 770932e957
2 changed files with 11 additions and 7 deletions
@@ -144,13 +144,16 @@ export default function NodeConfig() {
                value={data?.node_secret}
                onValueBlur={(value) => updateConfig('node_secret', value)}
                suffix={
-                  <DicesIcon
-                    onClick={() => {
-                      const id = uid(32).toLowerCase();
-                      const formatted = `${id.slice(0, 8)}-${id.slice(8, 12)}-${id.slice(12, 16)}-${id.slice(16, 20)}-${id.slice(20)}`;
-                      updateConfig('node_secret', formatted);
-                    }}
-                  />
+                  <div className='bg-muted flex h-9 items-center text-nowrap px-3'>
+                    <DicesIcon
+                      onClick={() => {
+                        const id = uid(32).toLowerCase();
+                        const formatted = `${id.slice(0, 8)}-${id.slice(8, 12)}-${id.slice(12, 16)}-${id.slice(16, 20)}-${id.slice(20)}`;
+                        updateConfig('node_secret', formatted);
+                      }}
+                      className='cursor-pointer'
+                    />
+                  </div>
                }
              />
            </TableCell>