Rename CSS classes (#163)

andrewnguonly · Apr 14, 2024 · 038f501 · 038f501
1 parent c27a0a7
commit 038f501
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 20 deletions.
diff --git a/src/components/ChatBar.css b/src/components/ChatBar.css
@@ -1,24 +1,24 @@
-.chat-container {
+.lumos-chat-container {
   height: 200px;
 }
 
-.chat-bar {
+.lumos-chat-bar {
   display: flex;
   justify-content: space-between;
   width: 100%;
 }
 
-.input-field {
+.lumos-input-field {
   flex: 1;
 }
 
-.submit-button {
+.lumos-submit-button {
   flex: 1;
   width: 40px;
   height: 40px;
 }
 
-.clear-button {
+.lumos-clear-button {
   flex: 1;
   width: 40px;
   height: 40px;

diff --git a/src/components/ChatBar.tsx b/src/components/ChatBar.tsx
@@ -595,7 +595,10 @@ const ChatBar: React.FC = () => {
       <Drawer open={openChatHistory} onClose={() => setOpenChatHistory(false)}>
         <ChatHistory loadChat={loadChat} />
       </Drawer>
-      <Box className="chat-container" sx={{ height: chatContainerHeight }}>
+      <Box
+        className="lumos-chat-container"
+        sx={{ height: chatContainerHeight }}
+      >
         <Snackbar
           anchorOrigin={{ vertical: "top", horizontal: "center" }}
           open={showSnackbar}
@@ -734,9 +737,9 @@ const ChatBar: React.FC = () => {
           </Button>
         </ButtonGroup>
       </Box>
-      <Box className="chat-bar">
+      <Box className="lumos-chat-bar">
         <TextField
-          className="input-field"
+          className="lumos-input-field"
           multiline
           maxRows={5}
           placeholder={promptPlaceholderText}
@@ -775,7 +778,7 @@ const ChatBar: React.FC = () => {
           }}
         />
         <IconButton
-          className="submit-button"
+          className="lumos-submit-button"
           disabled={submitDisabled || prompt === ""}
           onClick={handleSendButtonClick}
           style={imageStyle}
@@ -784,7 +787,7 @@ const ChatBar: React.FC = () => {
         </IconButton>
         <Tooltip title="Clear messages (cmd + k)">
           <IconButton
-            className="clear-button"
+            className="lumos-clear-button"
             disabled={submitDisabled}
             onClick={handleClearButtonClick}
             style={imageStyle}

diff --git a/src/pages/Options.css b/src/pages/Options.css
@@ -1,11 +1,11 @@
-.options-popup {
+.lumos-options-popup {
   width: 100%;
   height: 450px;
   box-sizing: border-box;
   padding: 10px;
   overflow-x: hidden;
 }
 
-.options-input {
+.lumos-options-input {
   width: 100%;
 }
diff --git a/src/pages/Options.tsx b/src/pages/Options.tsx
@@ -285,8 +285,8 @@ const Options: React.FC = () => {
 
   return (
     <ThemeProvider theme={theme}>
-      <Box className="options-popup">
-        <FormControl className="options-input" size="small">
+      <Box className="lumos-options-popup">
+        <FormControl className="lumos-options-input" size="small">
           <InputLabel id="ollama-model-select-label">Ollama Model</InputLabel>
           <Select
             sx={{ "margin-bottom": "15px" }}
@@ -313,7 +313,7 @@ const Options: React.FC = () => {
               })}
           </Select>
         </FormControl>
-        <FormControl className="options-input" size="small">
+        <FormControl className="lumos-options-input" size="small">
           <InputLabel id="ollama-embedding-select-label">
             Ollama Embedding Model
           </InputLabel>
@@ -339,7 +339,7 @@ const Options: React.FC = () => {
           </Select>
         </FormControl>
         <TextField
-          className="options-input"
+          className="lumos-options-input"
           sx={{ "margin-bottom": "15px" }}
           label="Ollama Host"
           value={host}
@@ -348,7 +348,7 @@ const Options: React.FC = () => {
           onChange={handleHostChange}
         />
         <TextField
-          className="options-input"
+          className="lumos-options-input"
           sx={{ "margin-bottom": "15px" }}
           type="number"
           label="Vector Store TTL (minutes)"
@@ -357,7 +357,7 @@ const Options: React.FC = () => {
           onChange={handleVectorStoreTTLMinsChange}
         />
         <TextField
-          className="options-input"
+          className="lumos-options-input"
           sx={{ "margin-bottom": "15px" }}
           label="Content Parser Config"
           multiline

diff --git a/src/pages/Popup.css b/src/pages/Popup.css
@@ -1,4 +1,4 @@
-.popup {
+.lumos-popup {
   width: 550px;
   padding: 10px;
 }
diff --git a/src/pages/Popup.tsx b/src/pages/Popup.tsx
@@ -3,7 +3,7 @@ import "./Popup.css";
 
 const Popup: React.FC = () => {
   return (
-    <div className="popup">
+    <div className="lumos-popup">
       <ChatBar />
     </div>
   );