mirror of
https://github.com/EstrellaXD/Auto_Bangumi.git
synced 2026-04-01 01:30:27 +08:00
Mobile Layout Fixes: - Fix config page horizontal overflow by adding min-width: 0 constraints - Fix sticky action buttons positioning on config page - Add loading states to config save/cancel buttons - Reduce topbar padding and icon spacing for mobile - Make search button fill space between logo and action icons - Fix search modal header layout with close button visibility Component Improvements: - ab-topbar: Flex search button with "Click to search" text on mobile - ab-status-bar: Reduce button sizes and gaps on mobile - ab-fold-panel: Add max-width and overflow constraints - ab-setting: Add max-width: 100% to prevent input overflow - ab-search-modal: Reduce padding and element sizes on mobile - ab-mobile-nav: Increase label font-size from 10px to 11px - ab-sidebar: Fix toggle animation (rotateY → rotate) Calendar & Bangumi Pages: - Add lazy loading to poster images for better performance - Move unknown air day items to separate section below grid - Add actionable CTA button to empty state with useAddRss hook Login Page: - Add will-change: transform for background animation performance i18n: - Add click_to_search translation key for mobile search button - Add add_rss_btn translation for empty state CTA Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
24 lines
457 B
TypeScript
24 lines
457 B
TypeScript
/**
|
|
* Composable to manage the Add RSS modal state globally.
|
|
* Allows triggering the Add RSS modal from anywhere in the app.
|
|
*/
|
|
|
|
// Global reactive state (shared across all component instances)
|
|
const showAddRss = ref(false);
|
|
|
|
export function useAddRss() {
|
|
const open = () => {
|
|
showAddRss.value = true;
|
|
};
|
|
|
|
const close = () => {
|
|
showAddRss.value = false;
|
|
};
|
|
|
|
return {
|
|
showAddRss,
|
|
openAddRss: open,
|
|
closeAddRss: close,
|
|
};
|
|
}
|