Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@BeepBeepBopBop
BeepBeepBopBop committed Jan 24, 2025
1 parent ed59be4 commit 83eb9af
Show file tree
Hide file tree
Showing 3 changed files with 60 additions and 54 deletions.
10 changes: 7 additions & 3 deletions LM-Kit-Maestro/UI/Razor/AssistantLayout.razor
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,9 @@
<SectionOutlet SectionName="top-bar" />
</div>

@Body
<div class="page-body">
@Body
</div>
</div>

<style>
Expand All @@ -32,9 +34,11 @@
background-color: var(--Surface);
}
.body {
display: block;
.page-body {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
}
</style>

Expand Down
102 changes: 51 additions & 51 deletions LM-Kit-Maestro/UI/Razor/Components/Chat.razor
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,65 +69,65 @@
</div>

<div id="chat-body">
<div id="conversation-content">
@if (ViewModel?.ConversationListViewModel.CurrentConversation != null)
{
if (ViewModel.ConversationListViewModel.CurrentConversation.IsEmpty)
<div id="conversation-content">
@if (ViewModel?.ConversationListViewModel.CurrentConversation != null)
{
<div id="empty-conversation" class="chat-element vertical-stack">
<div class="vertical-stack spacing-4">
<div class="welcome-message">
<b>Maestro</b> at your service—let’s orchestrate something
amazing!
</div>
<div class="welcome-message">
Feel free to ask questions, explore ideas, or engage in meaningful conversations.

</div>
<div class="welcome-message">
Whether you need assistance, inspiration, or just some lighthearted chat, I'm here to
help.
if (ViewModel.ConversationListViewModel.CurrentConversation.IsEmpty)
{
<div id="empty-conversation" class="chat-element vertical-stack">
<div class="vertical-stack spacing-4">
<div class="welcome-message">
<b>Maestro</b> at your service—let’s orchestrate something
amazing!
</div>
<div class="welcome-message">
Feel free to ask questions, explore ideas, or engage in meaningful conversations.

</div>
<div class="welcome-message">
Whether you need assistance, inspiration, or just some lighthearted chat, I'm here to
help.

</div>

</div>

</div>

<div class="vertical-stack" style="gap:12px;">
<div class="shortcut-instruction">
Press Enter to send a new message
</div>
<div class="vertical-stack" style="gap:12px;">
<div class="shortcut-instruction">
Press Enter to send a new message
</div>

<div class="shortcut-instruction">
Hold Shift + Enter to insert a new line
<div class="shortcut-instruction">
Hold Shift + Enter to insert a new line
</div>
</div>
</div>
</div>
}
else
{
<div id="chat-messages" class="chat-element">
@foreach (var message in ViewModel.ConversationListViewModel.CurrentConversation.Messages)
{
<ChatMessage MessageViewModel="message" />
}

<div id="chat-messages-bottom-space">
<div id="scroll-to-end">
@if (!IsScrolledToEnd)
{
<button @onclick="OnScrollToEndButtonClicked"
class="round-button scroll-to-end-button">
<span>
<i class="fas fa-arrow-down"></i>
</span>
</button>
}
}
else
{
<div id="chat-messages" class="chat-element">
@foreach (var message in ViewModel.ConversationListViewModel.CurrentConversation.Messages)
{
<ChatMessage MessageViewModel="message" />
}

<div id="chat-messages-bottom-space">
<div id="scroll-to-end">
@if (!IsScrolledToEnd)
{
<button @onclick="OnScrollToEndButtonClicked"
class="round-button scroll-to-end-button">
<span>
<i class="fas fa-arrow-down"></i>
</span>
</button>
}
</div>
</div>
</div>
</div>
}
}
}
</div>
</div>

<div id="user-input" class="chat-element">
<UserInput ViewModel="ViewModel!.ConversationListViewModel.CurrentConversation" />
Expand All @@ -145,9 +145,9 @@
}
</div>
</div>
@*

<div id="settings-sidebar"
class="@(ViewModel.SettingsSidebarIsToggled ? "sidebar" : "sidebar-hide")">
<ChatSettings ViewModel="ViewModel.SettingsViewModel" />
</div> *@
</div>
</div>
2 changes: 2 additions & 0 deletions LM-Kit-Maestro/UI/Razor/Components/Chat.razor.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@
margin: auto;
display: flex;
flex-direction: column;
flex-grow: 1;
}

#chat-messages {
Expand Down Expand Up @@ -82,6 +83,7 @@ body.mac .chat-element {
}

#user-input {
flex-shrink: 0;
padding-inline: 10px;
}

Expand Down

0 comments on commit 83eb9af

Please sign in to comment.