chore(ui): login page & workflow page (#3046)

* login page & number input & multirow select & llm select

* workflow

* adjust nodes

packages/web/components/common/Textarea/PromptEditor/Editor.tsx

@@ -105,10 +105,10 @@ export default function Editor({
               left={0}
               right={0}
               bottom={0}
-              py={3}
-              px={4}
+              py={2}
+              px={3}
               pointerEvents={'none'}
-              overflow={'overlay'}
+              overflow={'hidden'}
             >
               <Box
                 color={'myGray.400'}
@@ -146,12 +146,12 @@ export default function Editor({
         <Box
           zIndex={10}
           position={'absolute'}
-          bottom={0}
+          bottom={-1}
           right={2}
           cursor={'pointer'}
           onClick={onOpenModal}
         >
-          <MyIcon name={'common/fullScreenLight'} w={'14px'} color={'myGray.600'} />
+          <MyIcon name={'common/fullScreenLight'} w={'14px'} color={'myGray.500'} />
         </Box>
       )}
     </Box>

packages/web/components/common/Textarea/PromptEditor/index.module.scss

@@ -9,6 +9,45 @@
 
   font-size: var(--chakra-fontSizes-sm);
   overflow-y: auto;
+
+  &:hover {
+    border-color: var(--chakra-colors-primary-300);
+  }
+  &::-webkit-scrollbar {
+    color: var(--chakra-colors-myGray-100);
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: var(--chakra-colors-myGray-200) !important;
+    cursor: pointer;
+  }
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: var(--chakra-colors-myGray-250) !important;
+  }
+}
+
+.contentEditable_isFlow {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  border: 1px solid var(--chakra-colors-myGray-200);
+  border-radius: var(--chakra-radii-sm);
+  padding: 6px 8px;
+  font-size: var(--chakra-fontSizes-sm);
+  overflow-y: auto;
+
+  &:hover {
+    border-color: var(--chakra-colors-primary-300);
+  }
+  &::-webkit-scrollbar {
+    color: var(--chakra-colors-myGray-100);
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: var(--chakra-colors-myGray-200) !important;
+    cursor: pointer;
+  }
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: var(--chakra-colors-myGray-250) !important;
+  }
 }
 
 .contentEditable:focus {

packages/web/components/common/Textarea/PromptEditor/index.tsx

@@ -1,4 +1,4 @@
-import { Box, Button, ModalBody, ModalFooter, useDisclosure } from '@chakra-ui/react';
+import { Button, ModalBody, ModalFooter, useDisclosure } from '@chakra-ui/react';
 import React from 'react';
 import { editorStateToText } from './utils';
 import Editor from './Editor';