40 lines
855 B
CSS
40 lines
855 B
CSS
|
.preview {
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
transform: translate(480px, -54px);
|
||
|
|
width: 280px;
|
||
|
|
height: 360px;
|
||
|
|
background: center center no-repeat;
|
||
|
|
background-size: contain;
|
||
|
|
border-radius: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrap:hover .preview {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.openingStatementPreview {
|
||
|
|
background-image: url(./preview-imgs/opening-statement.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
.suggestedQuestionsAfterAnswerPreview {
|
||
|
|
background-image: url(./preview-imgs/suggested-questions-after-answer.svg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.moreLikeThisPreview {
|
||
|
|
background-image: url(./preview-imgs/more-like-this.svg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.speechToTextPreview {
|
||
|
|
background-image: url(./preview-imgs/speech-to-text.svg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.textToSpeechPreview {
|
||
|
|
@apply shadow-lg rounded-lg;
|
||
|
|
background-image: url(./preview-imgs/text-to-audio-preview-assistant@2x.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
.citationPreview {
|
||
|
|
background-image: url(./preview-imgs/citation.svg);
|
||
|
|
}
|