mirror/App
1
0
Fork 0
mirror of https://github.com/Jellify-Music/App.git synced 2025-12-30 07:20:06 -06:00
Code Issues Packages Projects Releases Wiki Activity

styling changes

Browse Source
This commit is contained in:
Violet Caulfield
2025-02-19 17:21:05 -06:00
parent 81dc2d28c5
commit 05e7a3d697
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/Library/component.tsx
View File

@@ -17,7 +17,7 @@ export default function Library({
const { width } = useSafeAreaFrame();
return (
<SafeAreaView style={{ flex: 1 }} edges={["top", "right", "left"]}>
// <SafeAreaView style={{ flex: 1 }} edges={["top", "right", "left"]}>
<FlatList
contentInsetAdjustmentBehavior="automatic"
data={Categories}
@@ -34,6 +34,6 @@ export default function Library({
/>
}
/>
</SafeAreaView>
// </SafeAreaView>
)
}

6
components/tabs.tsx
View File

@@ -6,15 +6,17 @@ import Library from "./Library/stack";
import Settings from "./Settings/stack";
import { Discover } from "./Discover/stack";
import { Miniplayer } from "./Player/mini-player";
import { getTokens, Separator } from "tamagui";
import { getToken, getTokens, Separator } from "tamagui";
import { usePlayerContext } from "../player/provider";
import SearchStack from "./Search/stack";
import LibraryStack from "./Library/stack";
import { useColorScheme } from "react-native";
const Tab = createBottomTabNavigator();
export function Tabs() : React.JSX.Element {
const isDarkMode = useColorScheme() === 'dark'
const { nowPlaying } = usePlayerContext();
return (
@@ -23,7 +25,7 @@ export function Tabs() : React.JSX.Element {
screenOptions={{
animation: 'shift',
tabBarActiveTintColor: getTokens().color.telemagenta.val,
tabBarInactiveTintColor: getTokens().color.amethyst.val
tabBarInactiveTintColor: isDarkMode ? getToken("$color.amethyst") : getToken("$color.purpleGray")
}}
tabBar={(props) => (
<>