fix: remove font size selector, always use default text-base

2 files changed, 1 insertions, 24 deletions

diff --git a/apps/web/app/reader/_components/reader-shell.tsx b/apps/web/app/reader/_components/reader-shell.tsx
index 45621af..0328dd9 100644
--- a/apps/web/app/reader/_components/reader-shell.tsx
+++ b/apps/web/app/reader/_components/reader-shell.tsx
@@ -49,7 +49,6 @@ export function ReaderShell({
   const { data: customFeedsData } = useCustomFeeds()
   const isMobile = useIsMobile()
   const focusedPanel = useUserInterfaceStore((state) => state.focusedPanel)
-  const fontSize = useUserInterfaceStore((state) => state.fontSize)
   const toggleShortcutsDialog = useUserInterfaceStore(
     (state) => state.toggleShortcutsDialog
   )
@@ -288,10 +287,7 @@ export function ReaderShell({
   )
 
   return (
-    <div className={classNames(
-      "flex h-full flex-col",
-      fontSize === "small" ? "text-sm" : fontSize === "large" ? "text-lg" : "text-base"
-    )}>
+    <div className="flex h-full flex-col text-base">
       {toolbarPosition === "top" && toolbar}
       <div className="relative min-h-0 flex-1">
       <ErrorBoundary>
diff --git a/apps/web/app/reader/settings/_components/appearance-settings.tsx b/apps/web/app/reader/settings/_components/appearance-settings.tsx
index 9e03702..5068937 100644
--- a/apps/web/app/reader/settings/_components/appearance-settings.tsx
+++ b/apps/web/app/reader/settings/_components/appearance-settings.tsx
@@ -48,8 +48,6 @@ export function AppearanceSettings() {
   const setFocusFollowsInteraction = useUserInterfaceStore(
     (state) => state.setFocusFollowsInteraction
   )
-  const fontSize = useUserInterfaceStore((state) => state.fontSize)
-  const setFontSize = useUserInterfaceStore((state) => state.setFontSize)
   const timeDisplayFormat = useUserInterfaceStore(
     (state) => state.timeDisplayFormat
   )
@@ -118,23 +116,6 @@ export function AppearanceSettings() {
           </select>
         </div>
         <div>
-          <h3 className="mb-2 text-text-primary">font size</h3>
-          <p className="mb-3 text-text-dim">
-            controls the base text size in the reader
-          </p>
-          <select
-            value={fontSize}
-            onChange={(event) =>
-              setFontSize(event.target.value as "small" | "default" | "large")
-            }
-            className="border border-border bg-background-primary px-3 py-2 text-text-primary outline-none focus:border-text-dim"
-          >
-            <option value="small">small</option>
-            <option value="default">default</option>
-            <option value="large">large</option>
-          </select>
-        </div>
-        <div>
           <h3 className="mb-2 text-text-primary">display density</h3>
           <p className="mb-3 text-text-dim">
             controls the overall text size and spacing