105 lines
1.5 KiB
CSS
105 lines
1.5 KiB
CSS
.tilesRow {
|
|
height: 256px;
|
|
}
|
|
|
|
.tile {
|
|
height: 256px;
|
|
width: 256px;
|
|
}
|
|
|
|
ion-button.get-location {
|
|
--opacity: 0.6;
|
|
--ion-background-color: white;
|
|
margin-left: calc(50% - 20px);
|
|
}
|
|
|
|
.whiteboard {
|
|
position: fixed;
|
|
z-index: 1;
|
|
}
|
|
|
|
.input-file {
|
|
width: 0.1px;
|
|
height: 0.1px;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
z-index: -1;
|
|
}
|
|
|
|
path.track {
|
|
fill: transparent;
|
|
stroke-width: 2px;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
vector-effect: non-scaling-stroke;
|
|
}
|
|
|
|
path {
|
|
stroke: rgba(10, 1, 51, 0.8);
|
|
}
|
|
|
|
path.current {
|
|
stroke: rgba(2, 71, 20, 0.8);
|
|
}
|
|
|
|
.reticle path,
|
|
path.reticle,
|
|
use.reticle,
|
|
.reticle use {
|
|
stroke: red;
|
|
}
|
|
|
|
.reticle text {
|
|
font-size: 12px;
|
|
}
|
|
|
|
ion-modal {
|
|
--height: 100%;
|
|
--border-radius: 16px;
|
|
--box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
|
|
0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
}
|
|
|
|
ion-modal.full-height {
|
|
--height: 100%;
|
|
}
|
|
|
|
/* ion-modal::part(backdrop) {
|
|
background: rgba(209, 213, 219);
|
|
opacity: 1;
|
|
} */
|
|
|
|
ion-modal ion-toolbar {
|
|
--background: rgba(14, 116, 144, 0.7);
|
|
--color: white;
|
|
}
|
|
|
|
ion-modal.full-height ion-toolbar {
|
|
--background: rgba(14, 116, 144, 1);
|
|
}
|
|
|
|
ion-modal ion-toolbar.secondary {
|
|
--background: inherit;
|
|
--color: inherit;
|
|
}
|
|
|
|
ion-modal ion-content {
|
|
background-color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
@media (max-width: 576px) {
|
|
#chat-sidebar {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.cs-conversation-header__avatar {
|
|
height: auto !important;
|
|
width:auto !important;
|
|
}
|