Hugging Face's logo

Spaces:
BloodyInside
/
ComicMTL
Running

App Files Community
ComicMTL
File size: 4,247 Bytes 
947c08e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
 
import { StyleSheet } from "react-native";
import Theme from "@/constants/theme";

export const __styles:any = (theme_type:string,Dimensions:any) => {
    return StyleSheet.create({
        default_button: {
            borderWidth:0,
            borderRadius:5,
        },
        default_button_label: {
            margin:"auto",
            marginHorizontal: 0,
            marginVertical: 0,
            

            padding:5,
            paddingVertical: 5,
            paddingHorizontal: 5,
        },
        screen_container: {
            width: "100%",
            height: "100%",
            backgroundColor: Theme[theme_type].background_color,
        },
        header_container: {
            display: "flex",
            flexDirection: "row",
            justifyContent: "space-between",
            alignItems: "center",
            padding: 15,paddingTop: 10,paddingBottom: 10,
            backgroundColor: Theme[theme_type].background_color,
            borderBottomWidth: 0.5,
            borderColor: Theme[theme_type].border_color,
        },
        header_text:{
            fontFamily: "roboto-medium",
            fontSize: ((Dimensions.width+Dimensions.height)/2)*0.04,
            color: Theme[theme_type].text_color,
            
        },
        header_button_box:{
            display:"flex",
            flexDirection:"row",
            width:"auto",
            justifyContent:"center",
            alignItems:"center",
            gap:8,
        },
        option_container:{
            width:"100%",
            padding:15,
            borderBottomWidth: 0.5,
            borderColor: Theme[theme_type].border_color,
            display:"flex",
            flexDirection:"column",
            gap:25,
        },
        dropbox_label:{
            display:"flex",
            flexDirection:"row",
            alignItems:"center",
            color: Theme[theme_type].text_color,
            fontSize: ((Dimensions.width+Dimensions.height)/2)*0.0225,
            height:"auto",
            fontFamily: "roboto-medium",
        },
        body_container: {
            width: "100%",
            height: "auto",
            backgroundColor: Theme[theme_type].background_color,
            display: "flex",
            flexDirection: "column",
            padding:20,
            gap: 20,
        },
        body_box_1:{
            display: "flex",
            flexDirection: "row",
            gap: 18,
            width:"100%",
            
        },
        item_cover:{
            width:Math.max(((Dimensions.width+Dimensions.height)/2)*0.2,100),
            height:Math.max(((Dimensions.width+Dimensions.height)/2)*0.3,125),
            borderRadius:8,
            shadowColor: "#000",
            shadowOffset: {
                width: 0,
                height: 1,
            },
            shadowOpacity: 0.22,
            shadowRadius: 2.22,

            elevation: 3,
        },
        item_info:{
            color: Theme[theme_type].text_color,
            fontFamily: "roboto-medium",
            width:"100%",
            height:"auto",
            textAlign:"left",
            flexShrink:1,
            flexWrap: 'wrap',
        },
        body_box_2:{
            display: "flex",
            flexDirection: "column",
            width:'100%',
            gap:12,
        },
        body_box_3:{
            display: "flex",
            flexDirection: "column",
            width:'100%',
            height:"auto",
        },
        body_box_4:{
            display: "flex",
            flexDirection: "column",
            width:'100%',
            paddingTop:10,
            gap:12,
        },
        chapter_box:{
            width:"100%",
            height:"auto",
            borderColor: Theme[theme_type].border_color,
            borderTopWidth:4,
            borderBottomWidth:4,
            borderRadius:8,
            display:"flex",
            flexDirection: "column",
            // flexWrap:"wrap",
            justifyContent:"space-around",
            gap:16,
            padding:12,
        },
        chapter_button:{
            borderWidth:2,
            borderRadius:5,
            borderColor: Theme[theme_type].border_color,
            flex:1
        }
    })}