few mobile tweaks, dependencies bump (#2110)

Author: Simek

bun.lock

@@ -35,15 +35,13 @@ export default function Library({ library, skipMetadata, showTrendingMark }: Pro
   return (
     <View
       style={[
-        tw` mb-4 border rounded-md flex-row overflow-hidden border-palette-gray2 dark:border-default`,
+        tw`mb-4 border rounded-md flex-row overflow-hidden border-palette-gray2 dark:border-default`,
         isSmallScreen && tw`flex-col`,
         skipMetadata && tw`w-[48.5%] mx-[0.75%] min-h-[206px]`,
-        skipMetadata &&
-          (isSmallScreen || isBelowMaxWidth) &&
-          tw`max-h-auto w-[98.5%] max-w-[98.5%]`,
+        skipMetadata && (isSmallScreen || isBelowMaxWidth) && tw`w-[98.5%] max-w-[98.5%]`,
         library.unmaintained && tw`opacity-85`,
       ]}>
-      <View style={tw`pb-3.5 flex-1 p-4 pl-5`}>
+      <View style={[tw`pb-3.5 flex-1 p-4 pl-5`, isSmallScreen && tw`pt-2.5 pb-3 px-3.5`]}>
         {library.unmaintained && (
           <View
             style={
@@ -56,7 +54,7 @@ export default function Library({ library, skipMetadata, showTrendingMark }: Pro
           </View>
         )}
         {showTrendingMark && library.popularity && (
-          <View style={tw`flex-row justify-between items-start gap-6 mb-1`}>
+          <View style={tw`flex-row justify-between items-center gap-6 mb-1`}>
             <Tooltip sideOffset={8} trigger={<TrendingMark library={library} />}>
               Trending Score is based on the last week to last month download rate.
             </Tooltip>
@@ -102,7 +100,7 @@ export default function Library({ library, skipMetadata, showTrendingMark }: Pro
           </View>
         )}
         {hasSecondaryMetadata ? (
-          <View style={[tw`w-full mt-auto`, isSmallScreen && tw`relative min-h-auto mt-1.5 -mb-1`]}>
+          <View style={[tw`w-full mt-auto`, isSmallScreen && tw`relative min-h-0 mt-0`]}>
             <View style={[tw`flex-row items-center mt-3 flex-wrap gap-2.5 gap-y-0.5`]}>
               <MetaData library={library} secondary />
             </View>

components/Library/index.tsx

@@ -28,7 +28,12 @@ export default function Navigation({
       {header ? (
         header
       ) : (
-        <View style={[tw`py-10 overflow-hidden bg-palette-gray6 dark:bg-dark`, style]}>
+        <View
+          style={[
+            tw`py-10 overflow-hidden bg-palette-gray6 dark:bg-dark`,
+            isSmallScreen && tw`py-6`,
+            style,
+          ]}>
           <Logo
             width={580}
             height={520}

components/Navigation.tsx

@@ -73,6 +73,7 @@ export default function Search({ query, total }: Props) {
             <TextInput
               ref={inputRef}
               id="search"
+              autoComplete="off"
               onKeyPress={event => {
                 if ('key' in event) {
                   if (

components/Search.tsx

@@ -25,7 +25,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "@react-native-async-storage/async-storage": "^2.2.0",
     "@react-native-picker/picker": "^2.11.4",
-    "@sentry/react": "^10.32.1",
+    "@sentry/react": "^10.33.0",
     "crypto-js": "^4.2.0",
     "es-toolkit": "^1.43.0",
     "expo": "54.0.31",
@@ -49,7 +49,7 @@
     "swr": "^2.3.8",
     "tailwindcss": "^3.4.19",
     "twrnc": "^4.16.0",
-    "use-debounce": "^10.0.6"
+    "use-debounce": "^10.1.0"
   },
   "devDependencies": {
     "@eslint/json": "^0.14.0",
@@ -58,7 +58,7 @@
     "@prettier/plugin-oxc": "^0.1.3",
     "@types/bun": "^1.3.5",
     "@types/crypto-js": "^4.2.2",
-    "@types/react": "^19.2.7",
+    "@types/react": "^19.2.8",
     "@vercel/blob": "^0.27.3",
     "ajv-cli": "^5.0.0",
     "browserslist": "^4.28.1",

package.json

@@ -15067,6 +15067,7 @@
   },
   {
     "githubUrl": "https://github.com/bluesky-social/expo-image-crop-tool",
+    "npmPkg": "@bsky.app/expo-image-crop-tool",
     "examples": ["https://github.com/bluesky-social/expo-image-crop-tool/tree/main/example"],
     "ios": true,
     "android": true