alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-04-20 15:54:42 +01:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix: design

Browse Source
This commit is contained in:
Fredrik Burmester
2024-08-14 10:09:20 +02:00
parent 0eca453c9a
commit ede390e74b
3 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/Chromecast.tsx
View File

@@ -10,11 +10,11 @@ import {
import GoogleCast from "react-native-google-cast";
type Props = {
item?: BaseItemDto | null;
startTimeTicks?: number | null;
width?: number;
height?: number;
};
export const Chromecast: React.FC<Props> = () => {
export const Chromecast: React.FC<Props> = ({ width = 48, height = 48 }) => {
const client = useRemoteMediaClient();
const castDevice = useCastDevice();
const devices = useDevices();
@@ -32,8 +32,8 @@ export const Chromecast: React.FC<Props> = () => {
}, [client, devices, castDevice, sessionManager, discoveryManager]);
return (
<View className="rounded h-12 aspect-square flex items-center justify-center">
<CastButton style={{ tintColor: "white", height: 48, width: 48 }} />
<View className="rounded h-10 aspect-square flex items-center justify-center">
<CastButton style={{ tintColor: "white", height, width }} />
</View>
);
};

12
components/DownloadItem.tsx
View File

@@ -65,7 +65,7 @@ export const DownloadItem: React.FC<DownloadProps> = ({
if (isLoading) {
return (
<View className="rounded h-12 aspect-square flex items-center justify-center">
<View className="rounded h-10 aspect-square flex items-center justify-center">
<ActivityIndicator size={"small"} color={"white"} />
</View>
);
@@ -73,7 +73,7 @@ export const DownloadItem: React.FC<DownloadProps> = ({
if (playbackInfo?.MediaSources?.[0].SupportsDirectPlay === false) {
return (
<View className="rounded h-12 aspect-square flex items-center justify-center opacity-50">
<View className="rounded h-10 aspect-square flex items-center justify-center opacity-50">
<Ionicons name="cloud-download-outline" size={24} color="white" />
</View>
);
@@ -82,7 +82,7 @@ export const DownloadItem: React.FC<DownloadProps> = ({
if (process && process.item.Id !== item.Id!) {
return (
<TouchableOpacity onPress={() => {}}>
<View className="rounded h-12 aspect-square flex items-center justify-center opacity-50">
<View className="rounded h-10 aspect-square flex items-center justify-center opacity-50">
<Ionicons name="cloud-download-outline" size={24} color="white" />
</View>
</TouchableOpacity>
@@ -96,7 +96,7 @@ export const DownloadItem: React.FC<DownloadProps> = ({
router.push("/downloads");
}}
>
<View className="rounded h-12 aspect-square flex items-center justify-center">
<View className="rounded h-10 aspect-square flex items-center justify-center">
{process.progress === 0 ? (
<ActivityIndicator size={"small"} color={"white"} />
) : (
@@ -120,7 +120,7 @@ export const DownloadItem: React.FC<DownloadProps> = ({
router.push("/downloads");
}}
>
<View className="rounded h-12 aspect-square flex items-center justify-center">
<View className="rounded h-10 aspect-square flex items-center justify-center">
<Ionicons name="cloud-download" size={26} color="#9333ea" />
</View>
</TouchableOpacity>
@@ -132,7 +132,7 @@ export const DownloadItem: React.FC<DownloadProps> = ({
startRemuxing();
}}
>
<View className="rounded h-12 aspect-square flex items-center justify-center">
<View className="rounded h-10 aspect-square flex items-center justify-center">
<Ionicons name="cloud-download-outline" size={26} color="white" />
</View>
</TouchableOpacity>

4
components/PlayedStatus.tsx
View File

@@ -47,7 +47,7 @@ export const PlayedStatus: React.FC<{ item: BaseItemDto }> = ({ item }) => {
invalidateQueries();
}}
>
<View className="rounded h-12 aspect-square flex items-center justify-center">
<View className="rounded h-10 aspect-square flex items-center justify-center">
<Ionicons name="checkmark-circle" size={30} color="white" />
</View>
</TouchableOpacity>
@@ -63,7 +63,7 @@ export const PlayedStatus: React.FC<{ item: BaseItemDto }> = ({ item }) => {
invalidateQueries();
}}
>
<View className="rounded h-12 aspect-square flex items-center justify-center">
<View className="rounded h-10 aspect-square flex items-center justify-center">
<Ionicons name="checkmark-circle-outline" size={30} color="white" />
</View>
</TouchableOpacity>