fix: tailwind styling issues

different-ai · Dec 31, 2024 · ac2aac2 · ac2aac2
1 parent b42edb6
commit ac2aac2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/packages/plugin/tailwind.config.js b/packages/plugin/tailwind.config.js
@@ -24,4 +24,5 @@ module.exports = {
   corePlugins: {
       preflight: false, // Keeps Obsidian's base styles
   },
+  important: '#app',
 }
diff --git a/packages/plugin/views/assistant/ai-chat/audio-recorder.tsx b/packages/plugin/views/assistant/ai-chat/audio-recorder.tsx
@@ -139,10 +139,11 @@ export const AudioRecorder: React.FC<AudioRecorderProps> = ({
 
   return (
     <div className="flex flex-col gap-4">
-      <button
+      <Button
         onClick={isRecording ? stopRecording : startRecording}
         className={cn(
-          "bg-transparent opacity-50 cursor-pointer",
+          // box shadow none
+          "bg-transparent opacity-50 cursor-pointer shadow-lg ",
           "hover:opacity-100 hover:shadow-none",
           "shadow-none disabled:shadow-none disabled:cursor-not-allowed",
           {
@@ -165,7 +166,7 @@ export const AudioRecorder: React.FC<AudioRecorderProps> = ({
         ) : (
           <MicIcon className="w-4 h-4" />
         )}
-      </button>
+      </Button>
 
       {debug && recordings.length > 0 && (
         <div className="flex flex-col gap-2 p-2 rounded bg-[--background-secondary]">

diff --git a/packages/plugin/views/assistant/view.tsx b/packages/plugin/views/assistant/view.tsx
@@ -186,6 +186,7 @@ export class AssistantViewWrapper extends ItemView {
     this.root?.render(
       <AppContext.Provider value={{ plugin: this.plugin, root: this.root }}>
         <React.StrictMode>
+          <div id="app">
             <AssistantContent
               plugin={this.plugin}
               leaf={this.leaf}
@@ -194,6 +195,7 @@ export class AssistantViewWrapper extends ItemView {
                 this.setActiveTab = setTab;
               }}
             />
+          </div>
         </React.StrictMode>
       </AppContext.Provider>
     );