fix: increase maximum subtitle size, set background blur max to 100% and increase padding on the bottom of captions view

src/components/player/atoms/settings/CaptionSettingsView.tsx

@@ -231,7 +231,7 @@ export function CaptionSettingsView({ id }: { id: string }) {
       <Menu.BackLink onClick={() => router.navigate("/captions")}>
         {t("player.menus.subtitles.settings.backlink")}
       </Menu.BackLink>
-      <Menu.Section className="space-y-6">
+      <Menu.Section className="space-y-6 pb-4">
         <CaptionSetting
           label={t("player.menus.subtitles.settings.delay")}
           max={10}

src/stores/subtitles/index.ts

@@ -69,11 +69,11 @@ export const useSubtitleStore = create(
           if (newStyling.backgroundOpacity !== undefined)
             s.styling.backgroundOpacity = newStyling.backgroundOpacity;
           if (newStyling.backgroundBlur !== undefined)
-            s.styling.backgroundBlur = newStyling.backgroundBlur;
+            s.styling.backgroundBlur = Math.min(1, newStyling.backgroundBlur);
           if (newStyling.color !== undefined)
             s.styling.color = newStyling.color.toLowerCase();
           if (newStyling.size !== undefined)
-            s.styling.size = Math.min(2, Math.max(0.01, newStyling.size));
+            s.styling.size = Math.min(10, Math.max(0.01, newStyling.size));
         });
       },
       setLanguage(lang) {