fix(extension): resolve UI layout issues in sidepanel

- Add sidepanel folder to Tailwind content paths (root cause of broken CSS)
- Fix ChatInterface layout: group ChatInput and QuickCapture properly
- Remove sticky positioning from QuickCapture (now in flex container)
- Make TokenInfoCard buttons more compact for narrow screens
- Improve TokenAnalysisWidget button layout with flex-wrap
This commit is contained in:
API Test Bot 2026-02-04 09:17:07 +07:00
parent 4be8c1b996
commit cb9af89318
5 changed files with 45 additions and 39 deletions

View file

@ -511,24 +511,27 @@ What would you like to know?`;
)}
</div>
{/* Chat input (only in chat mode) */}
{/* Chat input and quick capture (only in chat mode) */}
{viewMode === "chat" && (
<ChatInput
onSend={handleSendMessage}
disabled={isStreaming}
placeholder={
context?.pageType === "dexscreener"
? `Ask about ${context.tokenData?.tokenSymbol || "this token"}...`
: "Ask me anything..."
}
suggestions={messages.length === 0 ? [] : quickSuggestions}
onSuggestionClick={handleSuggestionClick}
/>
<div className="flex-shrink-0">
<ChatInput
onSend={handleSendMessage}
disabled={isStreaming}
placeholder={
context?.pageType === "dexscreener"
? `Ask about ${context.tokenData?.tokenSymbol || "this token"}...`
: "Ask me anything..."
}
suggestions={messages.length === 0 ? [] : quickSuggestions}
onSuggestionClick={handleSuggestionClick}
/>
<QuickCapture />
</div>
)}
{/* Back to chat button for other views */}
{viewMode !== "chat" && (
<div className="border-t p-3">
<div className="flex-shrink-0 border-t p-3">
<button
className="w-full py-2 text-sm text-center text-primary hover:bg-primary/5 rounded-md transition-colors"
onClick={() => setViewMode("chat")}
@ -538,9 +541,6 @@ What would you like to know?`;
</div>
)}
{/* Quick capture button */}
<QuickCapture />
{/* Alert configuration modal */}
<AlertConfigModal
open={showAlertModal}