chore

src/components/FloatingToolbar/index.jsx

@@ -1,4 +1,3 @@
-import Browser from 'webextension-polyfill'
 import { cloneElement, useCallback, useEffect, useState } from 'react'
 import ConversationCard from '../ConversationCard'
 import PropTypes from 'prop-types'
@@ -9,7 +8,7 @@ import { useClampWindowSize } from '../../hooks/use-clamp-window-size'
 import { useTranslation } from 'react-i18next'
 import { useConfig } from '../../hooks/use-config.mjs'
 
-const logo = Browser.runtime.getURL('logo.png')
+// const logo = Browser.runtime.getURL('logo.png')
 
 function FloatingToolbar(props) {
   const { t } = useTranslation()
@@ -140,13 +139,7 @@ function FloatingToolbar(props) {
 
     return (
       <div data-theme={config.themeMode}>
-        <div className="chatgptbox-selection-toolbar">
-          <img
-            src={logo}
-            style="user-select:none;width:24px;height:24px;background:rgba(0,0,0,0);filter:none;"
-          />
-          {tools}
-        </div>
+        <div className="chatgptbox-selection-toolbar">{tools}</div>
       </div>
     )
   }

src/content-script/styles.scss

@@ -1408,7 +1408,7 @@
   border-radius: 15px;
   padding: 2px;
   background-color: #ffffff;
-  box-shadow: 4px 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
 }
 
 .chatgptbox-selection-toolbar-button {
@@ -1428,5 +1428,5 @@
   height: auto;
   border-radius: 8px;
   background-color: var(--theme-color);
-  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
 }