diff --git a/apps/readest-app/public/locales/ar/translation.json b/apps/readest-app/public/locales/ar/translation.json index c5209e28..21e576ea 100644 --- a/apps/readest-app/public/locales/ar/translation.json +++ b/apps/readest-app/public/locales/ar/translation.json @@ -690,5 +690,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "فشل في الحفظ التلقائي لغلاف الكتاب لشاشة القفل: {{error}}", "Download from Cloud": "تحميل من السحابة", "Upload to Cloud": "رفع إلى السحابة", - "Clear Custom Fonts": "مسح الخطوط المخصصة" + "Clear Custom Fonts": "مسح الخطوط المخصصة", + "Columns": "الأعمدة" } diff --git a/apps/readest-app/public/locales/bn/translation.json b/apps/readest-app/public/locales/bn/translation.json index 1b857268..2078f604 100644 --- a/apps/readest-app/public/locales/bn/translation.json +++ b/apps/readest-app/public/locales/bn/translation.json @@ -674,5 +674,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "লক স্ক্রিনের জন্য বইয়ের মলাট স্বয়ংক্রিয়ভাবে সংরক্ষণ করতে ব্যর্থ: {{error}}", "Download from Cloud": "ক্লাউড থেকে ডাউনলোড করুন", "Upload to Cloud": "ক্লাউডে আপলোড করুন", - "Clear Custom Fonts": "কাস্টম ফন্টস মুছুন" + "Clear Custom Fonts": "কাস্টম ফন্টস মুছুন", + "Columns": "কলামস" } diff --git a/apps/readest-app/public/locales/bo/translation.json b/apps/readest-app/public/locales/bo/translation.json index fa74bad9..4933941a 100644 --- a/apps/readest-app/public/locales/bo/translation.json +++ b/apps/readest-app/public/locales/bo/translation.json @@ -670,5 +670,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "སྒྲོམ་སྒོར་དེབ་གནས་བཅས་པའི་སྤྱོད་བྱས་མ་ཐུབ།: {{error}}", "Download from Cloud": "སྤྲིན་ནས་ཕབ་སྟེ་འབེབས་", "Upload to Cloud": "སྤྲིན་ལ་ཡར་སྤེལ་", - "Clear Custom Fonts": "རང་བཞིན་ཡིག་གཟུགས་སུབ་པ།" + "Clear Custom Fonts": "རང་བཞིན་ཡིག་གཟུགས་སུབ་པ།", + "Columns": "མཚན་ཉིད།" } diff --git a/apps/readest-app/public/locales/de/translation.json b/apps/readest-app/public/locales/de/translation.json index ff12ea6f..51cbc295 100644 --- a/apps/readest-app/public/locales/de/translation.json +++ b/apps/readest-app/public/locales/de/translation.json @@ -192,7 +192,7 @@ "No supported files found. Supported formats: {{formats}}": "Keine unterstützten Dateien gefunden. Unterstützte Formate: {{formats}}", "Drop to Import Books": "Zum Importieren von Büchern ablegen", "Custom": "Eigen", - "All the world's a stage,\nAnd all the men and women merely players;\nThey have their exits and their entrances,\nAnd one man in his time plays many parts,\nHis acts being seven ages.\n\n— William Shakespeare": "Die ganze Welt ist eine Bühne,\nUnd alle Männer und Frauen sind bloß Spieler;\nSie haben ihre Abgänge und ihre Auftritte,\nUnd ein Mann spielt in seinem Leben viele Rollen,\nSeine Taten sind sieben Zeitalter.\n\n— William Shakespeare", + "All the world's a stage,\nAnd all the men and women merely players;\nThey have their exits and their entrances,\nAnd one man in his time plays many parts,\nHis acts being seven ages.\n\n— William Shakespeare": "Die ganze Welt ist eine Bühne,\nUnd alle Männer und Frauen sind bloß Spieler;\nSie haben ihre Abgänge und ihre Auftritte,\nUnd ein Mann spielt in seinem Leben viele Rollen,\nSeine Taten sind sieben Zeitalter.\n\n— William Shakespeare", "Custom Theme": "Benutzerdefiniertes Thema", "Theme Name": "Themenname", "Text Color": "Textfarbe", @@ -674,5 +674,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "Automatisches Speichern des Buchcovers für den Sperrbildschirm fehlgeschlagen: {{error}}", "Download from Cloud": "Aus der Cloud herunterladen", "Upload to Cloud": "In die Cloud hochladen", - "Clear Custom Fonts": "Benutzerdefinierte Schriftarten löschen" + "Clear Custom Fonts": "Benutzerdefinierte Schriftarten löschen", + "Columns": "Spalten" } diff --git a/apps/readest-app/public/locales/el/translation.json b/apps/readest-app/public/locales/el/translation.json index 392b1768..8a6e4304 100644 --- a/apps/readest-app/public/locales/el/translation.json +++ b/apps/readest-app/public/locales/el/translation.json @@ -674,5 +674,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "Αποτυχία αυτόματης αποθήκευσης εξωφύλλου βιβλίου για την οθόνη κλειδώματος: {{error}}", "Download from Cloud": "Λήψη από το Cloud", "Upload to Cloud": "Ανέβασμα στο Cloud", - "Clear Custom Fonts": "Καθαρισμός προσαρμοσμένων γραμματοσειρών" + "Clear Custom Fonts": "Καθαρισμός προσαρμοσμένων γραμματοσειρών", + "Columns": "Στήλες" } diff --git a/apps/readest-app/public/locales/es/translation.json b/apps/readest-app/public/locales/es/translation.json index dc67dde5..a614a93c 100644 --- a/apps/readest-app/public/locales/es/translation.json +++ b/apps/readest-app/public/locales/es/translation.json @@ -220,7 +220,7 @@ "No supported files found. Supported formats: {{formats}}": "No se encontraron archivos compatibles. Formatos compatibles: {{formats}}", "Drop to Import Books": "Soltar para importar libros", "Custom": "Personalizado", - "All the world's a stage,\nAnd all the men and women merely players;\nThey have their exits and their entrances,\nAnd one man in his time plays many parts,\nHis acts being seven ages.\n\n— William Shakespeare": "Todo el mundo es un escenario,\nY todos los hombres y mujeres son meros actores;\nTienen sus salidas y sus entradas,\nY un hombre en su tiempo interpreta muchos papeles,\nSus actos son siete edades.\n\n— William Shakespeare", + "All the world's a stage,\nAnd all the men and women merely players;\nThey have their exits and their entrances,\nAnd one man in his time plays many parts,\nHis acts being seven ages.\n\n— William Shakespeare": "Todo el mundo es un escenario,\nY todos los hombres y mujeres son meros actores;\nTienen sus salidas y sus entradas,\nY un hombre en su tiempo interpreta muchos papeles,\nSus actos son siete edades.\n\n— William Shakespeare", "Custom Theme": "Tema personalizado", "Theme Name": "Nombre del tema", "Text Color": "Color del texto", @@ -678,5 +678,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "Error al guardar automáticamente la portada del libro para la pantalla de bloqueo: {{error}}", "Download from Cloud": "Descargar desde la nube", "Upload to Cloud": "Subir a la nube", - "Clear Custom Fonts": "Limpiar fuentes personalizadas" + "Clear Custom Fonts": "Limpiar fuentes personalizadas", + "Columns": "Columnas" } diff --git a/apps/readest-app/public/locales/fa/translation.json b/apps/readest-app/public/locales/fa/translation.json index ea75f65d..bffd6174 100644 --- a/apps/readest-app/public/locales/fa/translation.json +++ b/apps/readest-app/public/locales/fa/translation.json @@ -674,5 +674,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "ذخیره‌ی خودکار جلد کتاب برای صفحه‌ی قفل ناموفق بود: {{error}}", "Download from Cloud": "دانلود از فضای ابری", "Upload to Cloud": "آپلود به فضای ابری", - "Clear Custom Fonts": "پاک‌کردن فونت‌های سفارشی" + "Clear Custom Fonts": "پاک‌کردن فونت‌های سفارشی", + "Columns": "ستون‌ها" } diff --git a/apps/readest-app/public/locales/fr/translation.json b/apps/readest-app/public/locales/fr/translation.json index 3befdfab..8cbb93ce 100644 --- a/apps/readest-app/public/locales/fr/translation.json +++ b/apps/readest-app/public/locales/fr/translation.json @@ -678,5 +678,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "Échec de l'enregistrement automatique de la couverture du livre pour l'écran de verrouillage : {{error}}", "Download from Cloud": "Télécharger depuis le Cloud", "Upload to Cloud": "Téléverser vers le Cloud", - "Clear Custom Fonts": "Effacer les Polices Personnalisées" + "Clear Custom Fonts": "Effacer les Polices Personnalisées", + "Columns": "Colonnes" } diff --git a/apps/readest-app/public/locales/hi/translation.json b/apps/readest-app/public/locales/hi/translation.json index 87247466..df88fad1 100644 --- a/apps/readest-app/public/locales/hi/translation.json +++ b/apps/readest-app/public/locales/hi/translation.json @@ -674,5 +674,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "लॉक स्क्रीन के लिए पुस्तक कवर स्वचालित रूप से सहेजने में विफल: {{error}}", "Download from Cloud": "क्लाउड से डाउनलोड करें", "Upload to Cloud": "क्लाउड पर अपलोड करें", - "Clear Custom Fonts": "कस्टम फ़ॉन्ट साफ़ करें" + "Clear Custom Fonts": "कस्टम फ़ॉन्ट साफ़ करें", + "Columns": "कॉलम" } diff --git a/apps/readest-app/public/locales/id/translation.json b/apps/readest-app/public/locales/id/translation.json index 7da13bcf..61e17e9a 100644 --- a/apps/readest-app/public/locales/id/translation.json +++ b/apps/readest-app/public/locales/id/translation.json @@ -670,5 +670,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "Gagal menyimpan otomatis sampul buku untuk layar kunci: {{error}}", "Download from Cloud": "Unduh dari Cloud", "Upload to Cloud": "Unggah ke Cloud", - "Clear Custom Fonts": "Bersihkan Font Kustom" + "Clear Custom Fonts": "Bersihkan Font Kustom", + "Columns": "Kolom" } diff --git a/apps/readest-app/public/locales/it/translation.json b/apps/readest-app/public/locales/it/translation.json index 779b9404..9fb6b34a 100644 --- a/apps/readest-app/public/locales/it/translation.json +++ b/apps/readest-app/public/locales/it/translation.json @@ -678,5 +678,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "Impossibile salvare automaticamente la copertina del libro per la schermata di blocco: {{error}}", "Download from Cloud": "Scarica dal Cloud", "Upload to Cloud": "Carica sul Cloud", - "Clear Custom Fonts": "Pulisci Font Personalizzati" + "Clear Custom Fonts": "Pulisci Font Personalizzati", + "Columns": "Colonne" } diff --git a/apps/readest-app/public/locales/ja/translation.json b/apps/readest-app/public/locales/ja/translation.json index df18bdbe..88f8efe8 100644 --- a/apps/readest-app/public/locales/ja/translation.json +++ b/apps/readest-app/public/locales/ja/translation.json @@ -670,5 +670,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "ロック画面の本のカバーの自動保存に失敗しました：{{error}}", "Download from Cloud": "クラウドからダウンロード", "Upload to Cloud": "クラウドにアップロード", - "Clear Custom Fonts": "カスタムフォントをクリア" + "Clear Custom Fonts": "カスタムフォントをクリア", + "Columns": "列" } diff --git a/apps/readest-app/public/locales/ko/translation.json b/apps/readest-app/public/locales/ko/translation.json index 80ee12e5..dbc9f633 100644 --- a/apps/readest-app/public/locales/ko/translation.json +++ b/apps/readest-app/public/locales/ko/translation.json @@ -670,5 +670,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "잠금 화면용 책 표지 자동 저장 실패: {{error}}", "Download from Cloud": "클라우드에서 다운로드", "Upload to Cloud": "클라우드에 업로드", - "Clear Custom Fonts": "사용자 정의 글꼴 지우기" + "Clear Custom Fonts": "사용자 정의 글꼴 지우기", + "Columns": "열" } diff --git a/apps/readest-app/public/locales/ms/translation.json b/apps/readest-app/public/locales/ms/translation.json index 23ae9f2a..7fdd8a7a 100644 --- a/apps/readest-app/public/locales/ms/translation.json +++ b/apps/readest-app/public/locales/ms/translation.json @@ -670,5 +670,6 @@ "Sunset": "Matahari Terbenam", "Reveal in Finder": "Tunjukkan dalam Finder", "Reveal in File Explorer": "Tunjukkan dalam File Explorer", - "Reveal in Folder": "Tunjukkan dalam Folder" + "Reveal in Folder": "Tunjukkan dalam Folder", + "Columns": "Lajur" } diff --git a/apps/readest-app/public/locales/nl/translation.json b/apps/readest-app/public/locales/nl/translation.json index da0fb28d..40e82415 100644 --- a/apps/readest-app/public/locales/nl/translation.json +++ b/apps/readest-app/public/locales/nl/translation.json @@ -674,5 +674,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "Automatisch opslaan van boekomslag voor vergrendelscherm mislukt: {{error}}", "Download from Cloud": "Downloaden van Cloud", "Upload to Cloud": "Uploaden naar Cloud", - "Clear Custom Fonts": "Aangepaste Lettertypen Wissen" + "Clear Custom Fonts": "Aangepaste Lettertypen Wissen", + "Columns": "Kolommen" } diff --git a/apps/readest-app/public/locales/pl/translation.json b/apps/readest-app/public/locales/pl/translation.json index c67b43d3..bba7fd87 100644 --- a/apps/readest-app/public/locales/pl/translation.json +++ b/apps/readest-app/public/locales/pl/translation.json @@ -682,5 +682,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "Nie udało się automatycznie zapisać okładki książki dla ekranu blokady: {{error}}", "Download from Cloud": "Pobierz z chmury", "Upload to Cloud": "Prześlij do chmury", - "Clear Custom Fonts": "Wyczyść niestandardowe czcionki" + "Clear Custom Fonts": "Wyczyść niestandardowe czcionki", + "Columns": "Kolumny" } diff --git a/apps/readest-app/public/locales/pt/translation.json b/apps/readest-app/public/locales/pt/translation.json index 1ad40210..ec894bd8 100644 --- a/apps/readest-app/public/locales/pt/translation.json +++ b/apps/readest-app/public/locales/pt/translation.json @@ -678,5 +678,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "Falha ao salvar automaticamente a capa do livro para a tela de bloqueio: {{error}}", "Download from Cloud": "Baixar da Nuvem", "Upload to Cloud": "Enviar para a Nuvem", - "Clear Custom Fonts": "Limpar Fontes Personalizadas" + "Clear Custom Fonts": "Limpar Fontes Personalizadas", + "Columns": "Colunas" } diff --git a/apps/readest-app/public/locales/ru/translation.json b/apps/readest-app/public/locales/ru/translation.json index c2c93ab3..bafc0017 100644 --- a/apps/readest-app/public/locales/ru/translation.json +++ b/apps/readest-app/public/locales/ru/translation.json @@ -682,5 +682,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "Не удалось автоматически сохранить обложку книги для экрана блокировки: {{error}}", "Download from Cloud": "Скачать из облака", "Upload to Cloud": "Загрузить в облако", - "Clear Custom Fonts": "Очистить пользовательские шрифты" + "Clear Custom Fonts": "Очистить пользовательские шрифты", + "Columns": "Колонки" } diff --git a/apps/readest-app/public/locales/si/translation.json b/apps/readest-app/public/locales/si/translation.json index d0016886..20f5d22a 100644 --- a/apps/readest-app/public/locales/si/translation.json +++ b/apps/readest-app/public/locales/si/translation.json @@ -674,5 +674,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "අගුළු තිරය සඳහා පොත් ආවරණය ස්වයංක්‍රීයව සුරකිීමට අසමත් විය: {{error}}", "Download from Cloud": "කලාඬයෙන් බාගත කරන්න", "Upload to Cloud": "කලාඬයට උඩුගත කරන්න", - "Clear Custom Fonts": "අභිරුචි අකුරු පැහැදිලි කරන්න" + "Clear Custom Fonts": "අභිරුචි අකුරු පැහැදිලි කරන්න", + "Columns": "තීරු" } diff --git a/apps/readest-app/public/locales/sv/translation.json b/apps/readest-app/public/locales/sv/translation.json index b8b20a07..b9b6374f 100644 --- a/apps/readest-app/public/locales/sv/translation.json +++ b/apps/readest-app/public/locales/sv/translation.json @@ -674,5 +674,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "Kunde inte autospara bokomslag för låsskärm: {{error}}", "Download from Cloud": "Ladda ner från molnet", "Upload to Cloud": "Ladda upp till molnet", - "Clear Custom Fonts": "Rensa anpassade typsnitt" + "Clear Custom Fonts": "Rensa anpassade typsnitt", + "Columns": "Kolumner" } diff --git a/apps/readest-app/public/locales/ta/translation.json b/apps/readest-app/public/locales/ta/translation.json index eb747dd5..7bd749c2 100644 --- a/apps/readest-app/public/locales/ta/translation.json +++ b/apps/readest-app/public/locales/ta/translation.json @@ -674,5 +674,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "பூட்டு திரைக்கான புத்தகக் கோப்பை தானாகச் சேமிக்க முடியவில்லை: {{error}}", "Download from Cloud": "மேகத்திலிருந்து பதிவிறக்கு செய்யவும்", "Upload to Cloud": "மேகத்திற்கு பதிவேற்றவும்", - "Clear Custom Fonts": "தனிப்பயன் எழுத்துருக்களை அழிக்கவும்" + "Clear Custom Fonts": "தனிப்பயன் எழுத்துருக்களை அழிக்கவும்", + "Columns": "நெடுவரிசைகள்" } diff --git a/apps/readest-app/public/locales/th/translation.json b/apps/readest-app/public/locales/th/translation.json index ad04da5e..d5b222e0 100644 --- a/apps/readest-app/public/locales/th/translation.json +++ b/apps/readest-app/public/locales/th/translation.json @@ -670,5 +670,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "ไม่สามารถบันทึกปกหนังสือสำหรับหน้าจอล็อกโดยอัตโนมัติ: {{error}}", "Download from Cloud": "ดาวน์โหลดจากคลาวด์", "Upload to Cloud": "อัปโหลดไปยังคลาวด์", - "Clear Custom Fonts": "ล้างฟอนต์กำหนดเอง" + "Clear Custom Fonts": "ล้างฟอนต์กำหนดเอง", + "Columns": "คอลัมน์" } diff --git a/apps/readest-app/public/locales/tr/translation.json b/apps/readest-app/public/locales/tr/translation.json index b69bf727..2671a71b 100644 --- a/apps/readest-app/public/locales/tr/translation.json +++ b/apps/readest-app/public/locales/tr/translation.json @@ -674,5 +674,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "Kitap kapağı kilit ekranı için otomatik kaydedilemedi: {{error}}", "Download from Cloud": "Buluttan İndir", "Upload to Cloud": "Buluta Yükle", - "Clear Custom Fonts": "Özel Yazı Tiplerini Temizle" + "Clear Custom Fonts": "Özel Yazı Tiplerini Temizle", + "Columns": "Sütunlar" } diff --git a/apps/readest-app/public/locales/uk/translation.json b/apps/readest-app/public/locales/uk/translation.json index 4bf800d7..0ce00b4e 100644 --- a/apps/readest-app/public/locales/uk/translation.json +++ b/apps/readest-app/public/locales/uk/translation.json @@ -682,5 +682,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "Не вдалося автоматично зберегти обкладинку книги для екрана блокування: {{error}}", "Download from Cloud": "Завантажити з хмари", "Upload to Cloud": "Завантажити в хмару", - "Clear Custom Fonts": "Очистити користувацькі шрифти" + "Clear Custom Fonts": "Очистити користувацькі шрифти", + "Columns": "Стовпці" } diff --git a/apps/readest-app/public/locales/vi/translation.json b/apps/readest-app/public/locales/vi/translation.json index 50dc1d03..c1123c48 100644 --- a/apps/readest-app/public/locales/vi/translation.json +++ b/apps/readest-app/public/locales/vi/translation.json @@ -670,5 +670,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "Không thể tự động lưu bìa sách cho màn hình khóa: {{error}}", "Download from Cloud": "Tải xuống từ đám mây", "Upload to Cloud": "Tải lên đám mây", - "Clear Custom Fonts": "Xóa phông chữ tùy chỉnh" + "Clear Custom Fonts": "Xóa phông chữ tùy chỉnh", + "Columns": "Cột" } diff --git a/apps/readest-app/public/locales/zh-CN/translation.json b/apps/readest-app/public/locales/zh-CN/translation.json index 586faab8..67697129 100644 --- a/apps/readest-app/public/locales/zh-CN/translation.json +++ b/apps/readest-app/public/locales/zh-CN/translation.json @@ -670,5 +670,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "自动保存锁屏书籍封面失败：{{error}}", "Download from Cloud": "从云端下载", "Upload to Cloud": "上传到云端", - "Clear Custom Fonts": "清除自定义字体" + "Clear Custom Fonts": "清除自定义字体", + "Columns": "列数" } diff --git a/apps/readest-app/public/locales/zh-TW/translation.json b/apps/readest-app/public/locales/zh-TW/translation.json index d051b923..9286a862 100644 --- a/apps/readest-app/public/locales/zh-TW/translation.json +++ b/apps/readest-app/public/locales/zh-TW/translation.json @@ -670,5 +670,6 @@ "Failed to auto-save book cover for lock screen: {{error}}": "自動保存鎖定螢幕書籍封面失敗：{{error}}", "Download from Cloud": "從雲端下載", "Upload to Cloud": "上傳到雲端", - "Clear Custom Fonts": "清除自訂字型" + "Clear Custom Fonts": "清除自訂字型", + "Columns": "欄數" } diff --git a/apps/readest-app/src/app/library/components/Bookshelf.tsx b/apps/readest-app/src/app/library/components/Bookshelf.tsx index 12dfd7fa..fda7fcc5 100644 --- a/apps/readest-app/src/app/library/components/Bookshelf.tsx +++ b/apps/readest-app/src/app/library/components/Bookshelf.tsx @@ -322,6 +322,12 @@ const Bookshelf: React.FC = ({ viewMode === 'grid' && 'sm:grid-cols-4 md:grid-cols-6 xl:grid-cols-8 2xl:grid-cols-12', viewMode === 'list' && 'flex flex-col', )} + style={{ + gridTemplateColumns: + viewMode === 'grid' && !settings.libraryAutoColumns + ? `repeat(${settings.libraryColumns}, minmax(0, 1fr))` + : undefined, + }} role='main' aria-label={_('Bookshelf')} > diff --git a/apps/readest-app/src/app/library/components/LibraryHeader.tsx b/apps/readest-app/src/app/library/components/LibraryHeader.tsx index 387c7271..b9ff2845 100644 --- a/apps/readest-app/src/app/library/components/LibraryHeader.tsx +++ b/apps/readest-app/src/app/library/components/LibraryHeader.tsx @@ -105,6 +105,8 @@ const LibraryHeader: React.FC = ({ if (!insets) return null; + const isMobile = appService?.isMobile || window.innerWidth <= 640; + return (
= ({ onChange={handleSearchChange} spellCheck='false' className={clsx( - 'input rounded-badge h-9 w-full pl-10 pr-10 sm:h-7', + 'input rounded-badge h-9 w-full pl-10 pr-[30%] sm:h-7', viewSettings?.isEink ? 'border-1 border-base-content focus:border-base-content' : 'bg-base-300/45 border-none', 'font-sans text-sm font-light', - 'placeholder:text-base-content/50', + 'placeholder:text-base-content/50 truncate', 'focus:outline-none focus:ring-0', )} /> @@ -167,14 +169,14 @@ const LibraryHeader: React.FC = ({ label={_('Import Books')} className={clsx( 'exclude-title-bar-mousedown dropdown-bottom flex h-6 cursor-pointer justify-center', - appService?.isMobile ? 'dropdown-end' : 'dropdown-center', + isMobile ? 'dropdown-end' : 'dropdown-center', )} buttonClassName='p-0 h-6 min-h-6 w-6 flex items-center justify-center' toggleButton={} > - {appService?.isMobile ? null : ( + {isMobile ? null : ( +
+ + {siblings} +
); }; diff --git a/apps/readest-app/src/components/settings/NumberInput.tsx b/apps/readest-app/src/components/settings/NumberInput.tsx index c8a3ca11..18c67984 100644 --- a/apps/readest-app/src/components/settings/NumberInput.tsx +++ b/apps/readest-app/src/components/settings/NumberInput.tsx @@ -5,7 +5,9 @@ import { useTranslation } from '@/hooks/useTranslation'; interface NumberInputProps { className?: string; + inputClassName?: string; label: string; + iconSize?: number; value: number; min: number; max: number; @@ -16,7 +18,9 @@ interface NumberInputProps { const NumberInput: React.FC = ({ className, + inputClassName, label, + iconSize, value, onChange, min, @@ -70,6 +74,7 @@ const NumberInput: React.FC = ({ return (
{label} + {iconSize && }
= ({ onChange={handleChange} onBlur={handleOnBlur} className={clsx( - 'input input-ghost settings-content text-base-content w-16 max-w-xs rounded border-0 bg-transparent py-1 pe-3 ps-1 text-right !outline-none', + 'input input-ghost settings-content text-base-content w-16 max-w-xs rounded border-0 bg-transparent pe-3 !outline-none', + label && 'py-1 ps-1 text-right', disabled && 'input-disabled cursor-not-allowed disabled:bg-transparent', + inputClassName, )} onFocus={(e) => e.target.select()} />