| 1 | <html> |
| 2 | <head> |
| 3 | <script type="module"> |
| 4 | import { store } from "/components/sidebar/sidebar-store.js"; |
| 5 | </script> |
| 6 | </head> |
| 7 | <body> |
| 8 | <div x-data> |
| 9 | <template x-if="$store.sidebar"> |
| 10 | <div class="sidebar-top-wrapper"> |
| 11 | <x-extension id="sidebar-top-wrapper-start"></x-extension> |
| 12 | <!-- Quick Actions Buttons --> |
| 13 | <x-component path="sidebar/top-section/quick-actions.html"></x-component> |
| 14 | <x-extension id="sidebar-top-wrapper-end"></x-extension> |
| 15 | </div> |
| 16 | </template> |
| 17 | </div> |
| 18 | |
| 19 | |
| 20 | <style> |
| 21 | /* Sidebar top wrapper - ensures proper spacing and layout */ |
| 22 | .sidebar-top-wrapper { |
| 23 | display: flex; |
| 24 | flex-direction: column; |
| 25 | flex-shrink: 0; |
| 26 | } |
| 27 | |
| 28 | .sidebar-top-wrapper > x-component, |
| 29 | .sidebar-top-wrapper > x-component > .quick-actions-surface-host { |
| 30 | display: contents; |
| 31 | } |
| 32 | </style> |
| 33 | </body> |
| 34 | </html> |
| 35 |