Skip to content

Commit b36958e

Browse files
author
ci-bot
committed
fix css issues
1 parent 5662f12 commit b36958e

File tree

5 files changed

+57
-43
lines changed

5 files changed

+57
-43
lines changed

‎libs/remix-ui/remix-ai-assistant/src/components/aichatButtons.tsx‎

Lines changed: 36 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -30,22 +30,22 @@ export function AiChatButtons({ theme, plugin, sendPrompt }: AiChatButtonsProps)
3030
// plugin && await plugin.call('remixaiassistant', 'handleExternalMessage', 'Create a file for me')
3131
}
3232
},
33-
{
34-
label: 'Learn',
35-
icon: `${theme?.toLowerCase() === 'dark' ? 'text-remix-ai' : 'text-remix-ai-light'} fas fa-brain`,
36-
color: '',
37-
action: () => {
38-
sendPrompt('I would like to learn about something...')
39-
}
40-
},
41-
{
42-
label: 'Plan a project',
43-
icon: `${theme?.toLowerCase() === 'dark' ? 'text-remix-ai' : 'text-remix-ai-light'} fas fa-list`,
44-
color: '',
45-
action: () => {
46-
sendPrompt('Plan a new project')
47-
}
48-
},
33+
// {
34+
// label: 'Learn',
35+
// icon: `${theme?.toLowerCase() === 'dark' ? 'text-remix-ai' : 'text-remix-ai-light'} fas fa-brain`,
36+
// color: '',
37+
// action: () => {
38+
// sendPrompt('I would like to learn about something...')
39+
// }
40+
// },
41+
// {
42+
// label: 'Plan a project',
43+
// icon: `${theme?.toLowerCase() === 'dark' ? 'text-remix-ai' : 'text-remix-ai-light'} fas fa-list`,
44+
// color: '',
45+
// action: () => {
46+
// sendPrompt('Plan a new project')
47+
// }
48+
// },
4949
{
5050
label: 'New workspace',
5151
icon: `${theme?.toLowerCase() === 'dark' ? 'text-remix-ai' : 'text-remix-ai-light'} fas fa-plus`,
@@ -54,23 +54,23 @@ export function AiChatButtons({ theme, plugin, sendPrompt }: AiChatButtonsProps)
5454
sendPrompt('Create a new workspace')
5555
}
5656
},
57-
{
58-
label: 'Deploy',
59-
icon: `${theme?.toLowerCase() === 'dark' ? 'text-remix-ai' : 'text-remix-ai-light'} fakit fa-remixdeploy`,
60-
color: '',
61-
action: () => {
62-
sendPrompt('Deploy a contract')
63-
}
64-
},
65-
{
66-
label: 'Generate dapp',
67-
icon: `${theme?.toLowerCase() === 'dark' ? 'text-remix-ai' : 'text-remix-ai-light'} fas fa-jet-fighter`,
68-
color: '',
69-
action: () => {
70-
sendPrompt('Create a Dapp')
71-
console.log('Generate Dapp')
72-
}
73-
}
57+
// {
58+
// label: 'Deploy',
59+
// icon: `${theme?.toLowerCase() === 'dark' ? 'text-remix-ai' : 'text-remix-ai-light'} fakit fa-remixdeploy`,
60+
// color: '',
61+
// action: () => {
62+
// sendPrompt('Deploy a contract')
63+
// }
64+
// },
65+
// {
66+
// label: 'Generate dapp',
67+
// icon: `${theme?.toLowerCase() === 'dark' ? 'text-remix-ai' : 'text-remix-ai-light'} fas fa-jet-fighter`,
68+
// color: '',
69+
// action: () => {
70+
// sendPrompt('Create a Dapp')
71+
// console.log('Generate Dapp')
72+
// }
73+
// }
7474
]
7575

7676
return (
@@ -80,7 +80,7 @@ export function AiChatButtons({ theme, plugin, sendPrompt }: AiChatButtonsProps)
8080
<button
8181
key={`${starter.label}-${index}`}
8282
data-id={`remix-ai-assistant-starter-${starter.label}-${index}`}
83-
className={`mb-2 border-0 rounded-4 text-nowrap gap-2 btn btn-lg btn-light`}
83+
className={`mb-2 border-0 rounded-4 text-nowrap gap-2 btn ${theme?.toLowerCase() === 'dark' ? 'btn-dark' : 'btn-light text-light-emphasis'} `}
8484
// style={{ backgroundColor: theme?.toLowerCase() === 'dark' ? 'btn btn-lg p-2 btn-light' : 'btn btn-lg p-2 btn-dark' }}
8585
onClick={starter.action}
8686
>
@@ -89,12 +89,12 @@ export function AiChatButtons({ theme, plugin, sendPrompt }: AiChatButtonsProps)
8989
</button>
9090
))}
9191
</div>
92-
<div className="d-flex justify-content-between w-100">
92+
<div className="d-flex justify-content-between w-100 overflow-x-auto">
9393
{btnList.slice(3).map((starter, index) => (
9494
<button
9595
key={`${starter.label}-${index}`}
9696
data-id={`remix-ai-assistant-starter-${starter.label}-${index}`}
97-
className={`mb-2 border-0 rounded-4 text-nowrap gap-2 btn btn-lg btn-light`}
97+
className={`mb-2 border-0 rounded-4 text-nowrap gap-2 btn btn-light`}
9898
// style={{ backgroundColor: theme?.toLowerCase() === 'dark' ? 'btn btn-lg p-2 btn-light' : 'btn btn-lg btn-dark p-2' }}
9999
onClick={() => {}}
100100
>

‎libs/remix-ui/remix-ai-assistant/src/components/chatHistorySidebar.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -89,6 +89,7 @@ export const ChatHistorySidebar: React.FC<ChatHistorySidebarProps> = ({
8989
value={searchQuery}
9090
onChange={(e) => setSearchQuery(e.target.value)}
9191
data-id="search-conversations-input"
92+
style={{ backgroundColor: theme.toLowerCase() === 'dark' ? '#333446' : '#e4e8f1', color: theme.toLowerCase() === 'dark' ? '#FFF' : '#333446' }}
9293
/>
9394
</div>
9495

‎libs/remix-ui/remix-ai-assistant/src/components/prompt.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -65,6 +65,7 @@ export const PromptArea: React.FC<PromptAreaProps> = ({
6565
<>
6666
<div
6767
className="prompt-area d-flex flex-column mx-2 p-2 rounded-3 border border-text bg-light"
68+
style={{ backgroundColor: themeTracker && themeTracker?.name.toLowerCase() === 'light' ? '#d9dee8' : '#2a2c3f' }}
6869
>
6970
<div className="d-flex justify-content-between align-items-center mb-3 border border-end-0 border-start-0 border-top-0 border-bottom pb-1">
7071
<button
@@ -179,13 +180,13 @@ export const PromptArea: React.FC<PromptAreaProps> = ({
179180
<i className="fas fa-list me-1"></i>
180181
<span className="text-nowrap">Plan a project</span>
181182
</button> */}
182-
<button className={`btn fw-light rounded-4 text-nowrap ${themeTracker && themeTracker.name.toLowerCase() === 'light' ? 'btn-remix-light' : 'btn-remix-dark'}`}>
183+
<button className={`btn fw-light rounded-4 text-nowrap ${themeTracker && themeTracker.name.toLowerCase() === 'light' ? 'btn-light text-light-emphasis' : 'btn-remix-dark'}`}>
183184
<i className="fas fa-plus me-1"></i>
184185
<span className="text-nowrap">New workspace</span>
185186
</button>
186187
<button
187188
data-id="remix-ai-workspace-generate"
188-
className={`btn fw-light rounded-4 text-nowrap ${themeTracker && themeTracker.name.toLowerCase() === 'light' ? 'btn-remix-light' : 'btn-remix-dark'}`}
189+
className={`btn fw-light rounded-4 text-nowrap ${themeTracker && themeTracker.name.toLowerCase() === 'light' ? 'btn-light text-light-emphasis' : '#ccdd33'}`}
189190
onClick={handleGenerateWorkspace}
190191
>
191192
{'Create new workspace with AI'}

‎libs/remix-ui/remix-ai-assistant/src/components/remix-ui-remix-ai-assistant.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -967,7 +967,7 @@ export const RemixUiRemixAiAssistant = React.forwardRef<
967967
style={{ backgroundColor: themeTracker?.name.toLowerCase() === 'dark' ? '#222336' : '#eff1f5' }}
968968
>
969969
<button
970-
className="btn btn-sm btn-light text-light-emphasis"
970+
className={`btn btn-sm ${themeTracker?.name.toLowerCase() === 'dark' ? 'btn-dark' : 'btn-light text-light-emphasis'}`}
971971
onClick={props.onToggleHistorySidebar || (() => {})}
972972
data-id="chat-history-back-btn"
973973
>

‎libs/remix-ui/remix-ai-assistant/src/css/remix-ai-assistant.css‎

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1301,10 +1301,22 @@ body.dark .conversation-menu-item:hover {
13011301
transition: background-color 0.2s ease;
13021302
}
13031303

1304-
btn-remix-dark {
1305-
background-color: #33384b;
1304+
.btn-remix-dark {
1305+
background-color: #383950 !important;
1306+
color: #a2a3bd !important;
13061307
}
13071308

1308-
btn-remix-light {
1309-
background-color: #d6dde6;
1309+
.btn-remix-dark:hover {
1310+
background-color: #3a3a4a !important;
1311+
color: #e0e0e0 !important;
1312+
}
1313+
1314+
.btn-remix-light {
1315+
background-color: #d6dde6 !important;
1316+
color: #8e94a6 !important;
1317+
}
1318+
1319+
.btn-remix-light:hover {
1320+
background-color: #d9dee4 !important;
1321+
color: #8e94a6 !important;
13101322
}

0 commit comments

Comments
 (0)