add logo change, center for new conversation

This commit is contained in:
Tykayn 2025-08-14 12:32:14 +02:00 committed by tykayn
parent fa8a7ca996
commit b7a2331bab
8 changed files with 126 additions and 42 deletions

View file

@ -13,7 +13,17 @@
<div class="navbar-brand">
<a class="navbar-item" href="/#">
<!-- <i class="ri-robot-2-fill"></i>-->
<img alt="safran logo" class="logo" src="/safran_logo_large.svg">
@if (appState.displayConversationListPanelLarge) {
<img alt="safran logo" class="logo" src="/safran_logo_large.svg">
<span class="label">
airwatch
</span>
} @else {
<img src="safran_logo_small.svg" alt="logo">
}
</a>
<a aria-expanded="false" aria-label="menu" class="navbar-burger" data-target="navbarBasicExample"
@ -28,15 +38,12 @@
<div class="navbar-menu" id="airwatchNavigation">
<div class="navbar-start">
<a (click)="toggleSidePanelConversationsList()" class="navbar-item aside-toggle-button">
<span class="label">
airwatch
</span>
@if (appState.displayConversationListPanelLarge) {
<i class="ri-sidebar-unfold-line"></i>
} @else {
<i class="ri-sidebar-fold-line"></i>
} @else {
<i class="ri-sidebar-unfold-line"></i>
}
</a>

View file

@ -45,7 +45,6 @@
color: #FFF;
text-align: center;
font-family: Barlow;
font-size: 12px;
font-style: normal;
font-weight: 600;

View file

@ -1,18 +1,21 @@
<div class="new-input">
<!-- new input-->
<div class="main-conversation-container">
<div class="welcome-text">
<div class="welcome-icon">
<!-- <i class="ri-robot-2-line"></i>-->
<img alt="chatbot image" src="/chatbot.png">
</div>
How can we
<span class="emphasis">
<!-- new input-->
<div class="welcome-text">
<div class="welcome-icon">
<!-- <i class="ri-robot-2-line"></i>-->
<img alt="chatbot image" src="/chatbot.png">
</div>
How can we
<span class="emphasis">
assist
</span>
you today?
</div>
you today?
</div>
<app-prompt-input></app-prompt-input>
<app-tools-options></app-tools-options>
<app-prompt-input></app-prompt-input>
<app-tools-options></app-tools-options>
</div>
</div>

View file

@ -1,6 +1,8 @@
.new-input {
min-height: 80vh;
padding: 0 200px;
background: #f5f5f5;
border-radius: 10px;
min-height: 100vh;
.welcome-text {
margin: 100px;