File tree Expand file tree Collapse file tree 4 files changed +16
-39
lines changed Expand file tree Collapse file tree 4 files changed +16
-39
lines changed Load Diff This file was deleted.
Load Diff This file was deleted.
Original file line number Diff line number Diff line change 442
442
" mt-20" ,
443
443
" mt-4" ,
444
444
" mt-8" ,
445
+ " mt-[-0.5rem]" ,
445
446
" mt-[2px]" ,
446
447
" mx-1" ,
447
448
" mx-auto" ,
510
511
" py-8" ,
511
512
" relative" ,
512
513
" right-0" ,
514
+ " right-0.2" ,
515
+ " right-0.5" ,
516
+ " right-1" ,
513
517
" right-2" ,
518
+ " right-6" ,
514
519
" right-8" ,
515
520
" ring-3-2" ,
516
521
" ring-3-[1.5px]" ,
581
586
" top-1" ,
582
587
" top-16" ,
583
588
" top-6" ,
589
+ " top-full" ,
584
590
" topbar-button" ,
585
591
" transition" ,
586
592
" transition-colors" ,
593
599
" w-65" ,
594
600
" w-8" ,
595
601
" w-[1200px]" ,
602
+ " w-[500px]" ,
603
+ " w-[600px]" ,
596
604
" w-full" ,
597
605
" whitespace-nowrap" ,
598
606
" xl:flex" ,
Original file line number Diff line number Diff line change 32
32
{{ partial "utils/svg.html" "/icons/search.svg" }}
33
33
</ span >
34
34
</ div >
35
- < div id ="search-bar-dropdown " x-show ="open " x-cloak x-ref ="dropdown " x-init ="$nextTick(() => {
36
- if (open) {
37
- const containerRect = document.getElementById('search-bar-container').getBoundingClientRect();
38
- const rect = $refs.searchBarRef.getBoundingClientRect();
39
- $el.style.top = (rect.bottom + window.scrollY + 9) + 'px';
40
- $el.style.left = (containerRect.right - 600) + 'px';
41
- $el.style.width = '600px';
42
- }
43
- }) " x-effect ="if (open) {
44
- const containerRect = document.getElementById('search-bar-container').getBoundingClientRect();
45
- const rect = $refs.searchBarRef.getBoundingClientRect();
46
- $el.style.top = (rect.bottom + window.scrollY + 9) + 'px';
47
- $el.style.left = (containerRect.right - 600) + 'px';
48
- $el.style.width = '600px';
49
- } "
50
- class ="font-medium text-gray-400 dark:text-gray-200 bg-gray-50 dark:bg-gray-900 rounded-sm mt-1 border-1 border-gray-100 dark:border-gray-700 fixed z-[999] max-w-xl p-6 shadow-md ">
35
+ < div id ="search-bar-dropdown " x-show ="open " x-cloak x-ref ="dropdown "
36
+ class ="font-medium text-gray-400 dark:text-gray-200 bg-gray-50 dark:bg-gray-900 rounded-sm mt-4 border-1 border-gray-100 dark:border-gray-700 fixed z-[999] w-[500px] p-6 shadow-md "
37
+ x-effect ="if (open) {
38
+ const containerRect = document.getElementById('search-bar-container').getBoundingClientRect();
39
+ const rect = $refs.searchBarRef.getBoundingClientRect();
40
+ $el.style.top = (rect.bottom + window.scrollY - 2) + 'px';
41
+ $el.style.right = (window.innerWidth - containerRect.right - 15) + 'px';
42
+ } ">
51
43
< div id ="search-bar-results ">
52
44
{{- $emptyState := `< div > Start typing to search or try < button onclick ="askAI('search-bar-input') " class ="link "> Ask
53
45
AI</ button > .</ div > ` }}
You can’t perform that action at this time.
0 commit comments