remake app ohome setup /notworking

2021-10-24 22:18:31 +02:00
parent 4568076445
commit 55c6704d1b
76 changed files with 22173 additions and 749 deletions
--- a/src/pages/recipes/styles/recipe.js
+++ b/src/pages/recipes/styles/recipe.js
@@ -0,0 +1,93 @@
+import { Image, Text, View } from "react-native"
+import styled from 'styled-components'
+import { GiCookingPot, GiMeal } from 'react-icons/gi'
+
+export const Title = styled(Text)`
+    margin-top: 10px;
+`
+export const InstructionWrapper = styled(View)`
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    padding: 5px 0px;
+    align-items: center;
+    border-bottom-color: ${({ theme }) => theme.colors.dp02};
+    border-bottom-width: 3px;
+    #instruction{
+        margin-left: 7px;
+        color: ${({theme}) => theme.colors.textW4};
+    }
+`
+export const InstructionNumber = styled(Text)`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    background-color: ${({theme}) => theme.colors.primary + 'dd'};
+    color: ${({theme}) => theme.colors.textB1};
+    font-size: 25px;
+    font-weight: bold;
+    height: 34px;
+    width: 34px;
+    border-radius: 17px;
+`
+
+export const StyledImage = styled(Image)`
+    margin-top: -70px;
+    object-fit: cover;
+    height: 200px;
+    width: 100%;
+    @media ${({theme}) => theme.mediaQueries.above768}{
+        width: 500px;
+    }
+`
+export const TextPrep = styled(Text)`
+    text-align: right;
+    width: 70px;
+    font-weight: bold;
+    font-size: ${({theme}) => theme.fontSize.fontS};
+    line-height: 1.2;
+`
+export const TextTime = styled(Text)`
+    margin-bottom: -3px;
+    width: 70px;
+    font-size: ${({theme}) => theme.fontSize.fontS};
+    font-weight: bold;
+    line-height: 1.2;
+    color: ${({ theme }) => theme.colors.primary};
+`
+export const TextMinutes = styled(Text)`
+    width: 70px;
+    font-size: ${({theme}) => theme.fontSize.fontS};
+    font-weight: normal;
+    color: ${({ theme }) => theme.colors.primary};
+`
+export const WrapperServings = styled(View)`
+    display: flex;
+    position: absolute;
+    right: 2%;
+    top: 2px;
+`
+export const TextServings = styled(Text)`
+    margin-top: -5px;
+    font-weight: bold;
+`
+export const IconPotLarge = styled(GiCookingPot)`
+    margin: -20px 0px -16px 0px;
+    color: ${({ theme }) => theme.colors.primary};
+    font-size: ${({theme}) => theme.fontSize.fontL};
+`
+export const IconMeal = styled(GiMeal)`
+    margin: -20px 0px -16px 0px;
+    color: ${({ theme }) => theme.colors.primary};
+    font-size: ${({theme}) => theme.fontSize.fontL};
+`
+
+
+export const Hr = styled(View)`
+    width: 100%;
+    margin: 4px 0px;
+    height: 2px;
+    border-radius: 1px;
+    background-color: ${({ theme }) => theme.colors.dp08};
+`