fix (templates): ai-search OK.

This commit is contained in:
Rodrigo Rodriguez 2024-09-18 13:45:33 -03:00
parent 2c2ed2f824
commit 7de0f3aa94

View file

@ -1,3 +1,5 @@
/* Main Sections */
/* Sidebar */ /* Sidebar */
.ms-Nav { .ms-Nav {
background: #1a1a1a; background: #1a1a1a;
@ -33,7 +35,7 @@
} }
.sidebar { .sidebar {
background-color: white !important;
box-shadow: 0 0 15px rgba(255, 255, 255, 0.7), 0 0 30px rgba(255, 255, 255, 0.5); box-shadow: 0 0 15px rgba(255, 255, 255, 0.7), 0 0 30px rgba(255, 255, 255, 0.5);
border-radius: 1rem; border-radius: 1rem;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -43,11 +45,11 @@
screen and (min-width: 420px) and (max-width: 1000px) { screen and (min-width: 420px) and (max-width: 1000px) {
.sidebar { .sidebar {
display: inline-block !important; display: inline-block !important;
height: 10%; height: 7%;
width: 100% !important; width: 95% !important;
position: absolute; position: absolute;
top: 0; top: 8px;
left: 0; left: 14px;
} }
.sidebar { .sidebar {
@ -55,18 +57,25 @@ screen and (min-width: 420px) and (max-width: 1000px) {
} }
.titleSideBarMenu { .titleSideBarMenu {
display: none; color: gray;
} }
.titleSideBarMenu img {
width: 32px;
margin-left: 10px;
margin-top:4px;
}
.iconMenu { .iconMenu {
color: #ffffff; font-size: 14px;
font-size: 15px;
display: inline; display: inline;
margin-right: 1.5rem; margin-right: 16px;
margin-top: 20px;;
} }
.iconMenu:hover { .iconMenu:hover {
color: #cccccc; color: gray;
} }
.iconText { .iconText {
@ -91,10 +100,10 @@ screen and (min-width: 420px) and (max-width: 1000px) {
.IconsMenu { .IconsMenu {
position: absolute; position: absolute;
top: 50%; top: 50%;
margin-top: -15px; margin-top: -10px;
height: 30px; height: 30px;
width: 450px; width: 450px;
left: 100px !important; left: 80px !important;
margin-left: 0px !important; margin-left: 0px !important;
text-align: center; text-align: center;
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
@ -115,14 +124,12 @@ screen and (min-width: 420px) and (max-width: 1000px) {
} }
.titleSideBarMenu { .titleSideBarMenu {
color: #ffffff;
text-align: center; text-align: center;
margin-top: 3px; margin-top: 3px;
} }
.iconMenu { .iconMenu {
color: #ffffff;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
margin: 0 1.5rem; margin: 0 1.5rem;
@ -149,14 +156,13 @@ screen and (min-width: 420px) and (max-width: 1000px) {
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.player { .player {
width: 93% !important; width: 94% !important;
height: 26% !important; height: 44% !important;
border: 7px solid #4a4a4a; border: 5px solid #4a4a41;
position: absolute; position: absolute;
top: 9%; top: 11%;
left: 50%; left: 50%;
margin-left: -48%; margin-left: -48%;
padding: 50px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
background-position: center; background-position: center;
@ -166,7 +172,7 @@ screen and (min-width: 420px) and (max-width: 1000px) {
@media screen and (min-width: 1000px) { @media screen and (min-width: 1000px) {
.player { .player {
width: 45% !important; width: 45% !important;
height: 75% !important; height: 77% !important;
border: 7px solid #6c6c6c; border: 7px solid #6c6c6c;
position: absolute; position: absolute;
left: 3%; left: 3%;
@ -190,11 +196,11 @@ screen and (min-width: 420px) and (max-width: 1000px) {
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.webchat { .webchat {
width: 96% !important; width: 96% !important;
height: 57% !important; height: 37% !important;
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
font-size: 16px; font-size: 16px;
position: absolute; position: absolute;
top: 41%; top: 60%;
left: 50%; left: 50%;
margin-left: -48%; margin-left: -48%;
border-radius: 1rem; border-radius: 1rem;
@ -204,10 +210,10 @@ screen and (min-width: 420px) and (max-width: 1000px) {
@media screen and (min-width: 1000px) { @media screen and (min-width: 1000px) {
.webchat { .webchat {
width: 48% !important; width: 48% !important;
height: 92.6%; height: 95%;
position: absolute; position: absolute;
right: 20px; right: 15px;
margin-left: -8%;
top: 19px; top: 19px;
bottom: 0; bottom: 0;
border-bottom: 4px solid #4a4a4a; border-bottom: 4px solid #4a4a4a;