add logo change, center for new conversation
This commit is contained in:
Tykayn
tykayn
parent
fa8a7ca996
commit
b7a2331bab
8 changed files with 126 additions and 42 deletions
|
|
@ -26,7 +26,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
// Modal styles
|
||||
.feedback-modal-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
|
@ -176,7 +175,9 @@
|
|||
}
|
||||
}
|
||||
|
||||
// Spinner animation
|
||||
/
|
||||
/
|
||||
Spinner animation
|
||||
.spinning {
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -78,8 +78,8 @@
|
|||
|
||||
.actions {
|
||||
position: relative;
|
||||
right: -60px;
|
||||
top: -27px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 0;
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -21,6 +21,8 @@
|
|||
color: white;
|
||||
|
||||
.navbar-brand {
|
||||
margin-right: 35px;
|
||||
|
||||
.navbar-item {
|
||||
padding: 10px;
|
||||
margin-left: 16px;
|
||||
|
|
@ -31,6 +33,16 @@
|
|||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
color: #FFF;
|
||||
font-family: Barlow;
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
text-transform: uppercase;
|
||||
margin-top: -0.25em;
|
||||
}
|
||||
}
|
||||
|
||||
.navigation {
|
||||
|
|
@ -91,7 +103,7 @@
|
|||
|
||||
.action {
|
||||
float: right;
|
||||
margin-top: -1.75em;
|
||||
margin-top: -1.8em;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
60
old-sae-airwatch/public/safran_logo_small.svg
Normal file
60
old-sae-airwatch/public/safran_logo_small.svg
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<svg fill="none" height="21" viewBox="0 0 20 21" width="20" xmlns="http://www.w3.org/2000/svg">
|
||||
<mask height="7" id="mask0_86_6577" maskUnits="userSpaceOnUse" style="mask-type:luminance" width="20" x="0" y="14">
|
||||
<path
|
||||
d="M18.9093 14.944C16.8047 17.792 13.4049 19.648 9.56798 19.648C5.73108 19.648 2.33128 17.792 0.226653 14.944H0C1.6999 18.48 5.34253 20.912 9.56798 20.912C13.7934 20.912 17.4361 18.464 19.136 14.944H18.9093Z"
|
||||
fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_86_6577)">
|
||||
<path d="M19.136 14.944H0V20.912H19.136V14.944Z" fill="url(#paint0_radial_86_6577)"/>
|
||||
</g>
|
||||
<mask height="17" id="mask1_86_6577" maskUnits="userSpaceOnUse" style="mask-type:luminance" width="19" x="0" y="2">
|
||||
<path
|
||||
d="M2.81698 4.06403C1.5542 4.99203 1.05233 5.93603 0.874244 6.81603C-0.0161772 11.12 8.59663 12.832 11.8993 13.904C13.7125 14.48 13.9553 15.264 13.9392 15.888C13.9068 17.328 11.8507 18.624 11.8345 18.624C13.5182 18.592 15.7848 17.616 17.1447 16.096C17.6627 15.52 18.116 14.752 18.2294 14.192C18.7312 11.616 16.3028 10.304 13.4373 9.31203C11.2031 8.54403 9.35753 8.01603 7.78715 7.53603C5.29397 6.78403 4.87304 6.06403 4.88923 5.28003C4.90542 4.36803 5.89298 3.21603 6.99387 2.54403C6.97768 2.51203 4.90542 2.51203 2.81698 4.06403Z"
|
||||
fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_86_6577)">
|
||||
<path d="M-7.01025 14.6881L14.1656 26.5601L25.7249 6.43206L4.54903 -5.43994L-7.01025 14.6881Z"
|
||||
fill="url(#paint1_linear_86_6577)"/>
|
||||
</g>
|
||||
<mask height="6" id="mask2_86_6577" maskUnits="userSpaceOnUse" style="mask-type:luminance" width="20" x="0" y="0">
|
||||
<path
|
||||
d="M0 5.96808H0.226653C2.33128 3.12008 5.73108 1.26408 9.56798 1.26408C13.4049 1.26408 16.8047 3.12008 18.9093 5.96808H19.136C17.4361 2.43208 13.7934 7.79692e-05 9.56798 7.79692e-05C5.35872 -0.015922 1.6999 2.43208 0 5.96808Z"
|
||||
fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask2_86_6577)">
|
||||
<path d="M-0.728516 0.0800536L0.291421 8.27205L19.8807 5.87205L18.8446 -2.31995L-0.728516 0.0800536Z"
|
||||
fill="url(#paint2_linear_86_6577)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<radialGradient cx="0" cy="0" gradientTransform="translate(9.57148 17.9248) scale(10.698 10.5728)" gradientUnits="userSpaceOnUse" id="paint0_radial_86_6577"
|
||||
r="1">
|
||||
<stop stop-color="#84CFED"/>
|
||||
<stop offset="0.22" stop-color="#59A7D5"/>
|
||||
<stop offset="0.45" stop-color="#3284C0"/>
|
||||
<stop offset="0.67" stop-color="#176BB1"/>
|
||||
<stop offset="0.86" stop-color="#065BA7"/>
|
||||
<stop offset="1" stop-color="#0056A4"/>
|
||||
</radialGradient>
|
||||
<linearGradient gradientUnits="userSpaceOnUse" id="paint1_linear_86_6577" x1="3.84135" x2="18.3227" y1="7.50491"
|
||||
y2="15.8153">
|
||||
<stop stop-color="#57BCEC"/>
|
||||
<stop offset="0.08" stop-color="#4CB1E3"/>
|
||||
<stop offset="0.34" stop-color="#2B8FC9"/>
|
||||
<stop offset="0.59" stop-color="#1376B6"/>
|
||||
<stop offset="0.81" stop-color="#0567AB"/>
|
||||
<stop offset="1" stop-color="#0062A7"/>
|
||||
</linearGradient>
|
||||
<linearGradient gradientUnits="userSpaceOnUse" id="paint2_linear_86_6577" x1="9.12259" x2="11.6743" y1="-0.190838"
|
||||
y2="20.5976">
|
||||
<stop stop-color="#81CDEC"/>
|
||||
<stop offset="0.08" stop-color="#5FADD8"/>
|
||||
<stop offset="0.16" stop-color="#4292C8"/>
|
||||
<stop offset="0.25" stop-color="#2A7CBB"/>
|
||||
<stop offset="0.35" stop-color="#176BB1"/>
|
||||
<stop offset="0.47" stop-color="#0A5FA9"/>
|
||||
<stop offset="0.62" stop-color="#0258A5"/>
|
||||
<stop offset="0.94" stop-color="#0056A4"/>
|
||||
<stop offset="1" stop-color="#0056A4"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
|
|
@ -13,7 +13,17 @@
|
|||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="/#">
|
||||
<!-- <i class="ri-robot-2-fill"></i>-->
|
||||
|
||||
@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>
|
||||
|
||||
|
|
|
|||
|
|
@ -45,7 +45,6 @@
|
|||
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
font-family: Barlow;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,6 @@
|
|||
<div class="new-input">
|
||||
<div class="main-conversation-container">
|
||||
|
||||
<!-- new input-->
|
||||
|
||||
<div class="welcome-text">
|
||||
|
|
@ -16,3 +18,4 @@
|
|||
<app-prompt-input></app-prompt-input>
|
||||
<app-tools-options></app-tools-options>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
.new-input {
|
||||
min-height: 80vh;
|
||||
padding: 0 200px;
|
||||
background: #f5f5f5;
|
||||
border-radius: 10px;
|
||||
min-height: 100vh;
|
||||
|
||||
.welcome-text {
|
||||
margin: 100px;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue