UX: try AI search to side on large screens (#1196)

This commit is contained in:
Kris 2025-03-14 14:11:02 -04:00 committed by GitHub
parent 48fff48aa2
commit 24e6aa52bb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -106,3 +106,47 @@
height: 1.15em;
width: 1.15em;
}
@include breakpoint("medium", min-width) {
.search-menu .menu-panel:has(.ai-discobot-discoveries) {
width: 80vw;
max-width: 800px;
transition: width 0.5s;
.search-result-topic {
display: grid;
grid-template-areas: "results-title ai-title" "results ai";
grid-template-columns: 58% 38%;
gap: 0 4%;
.list {
grid-area: results;
}
.ai-discobot-discoveries {
grid-area: ai;
}
}
.ai-search-discoveries {
font-size: var(--font-0);
color: var(--primary-high);
}
.ai-search-discoveries__regular-results-title {
display: none;
}
.ai-search-discoveries__toggle {
display: none;
}
.ai-search-discoveries__discovery.preview {
height: 100%;
&::after {
display: none;
}
}
}
}