|
@@ -43,7 +43,7 @@ export default class ModuleBar {
|
|
namespace: key,
|
|
namespace: key,
|
|
ctor: name
|
|
ctor: name
|
|
})}>
|
|
})}>
|
|
- <View style={{minWidth: 50, minHeight:50, backgroundColor: 'rgba(0,0,0,0.2)'}}>
|
|
|
|
|
|
+ <View style={ModPrev.previewContainer}>
|
|
{this.CoreSystem.ModuleSystem.createElementCtor(list[key][name])}
|
|
{this.CoreSystem.ModuleSystem.createElementCtor(list[key][name])}
|
|
</View>
|
|
</View>
|
|
</Text>
|
|
</Text>
|
|
@@ -67,9 +67,24 @@ export default class ModuleBar {
|
|
|
|
|
|
const ModPrev = StyleSheet.create({
|
|
const ModPrev = StyleSheet.create({
|
|
container:{
|
|
container:{
|
|
|
|
+ paddingTop: 15,
|
|
marginBottom:34,
|
|
marginBottom:34,
|
|
width:219
|
|
width:219
|
|
-
|
|
|
|
|
|
+ },
|
|
|
|
+ previewContainer: {
|
|
|
|
+ minWidth: 50,
|
|
|
|
+ minHeight:40,
|
|
|
|
+ backgroundColor: 'rgba(255,255,255,0.1)',
|
|
|
|
+ borderWidth: 1,
|
|
|
|
+ borderColor: 'rgba(0,0,0,0.1)',
|
|
|
|
+ shadowColor: "rgba(0,0,0,0.81)",
|
|
|
|
+ shadowOffset: {
|
|
|
|
+ width: 0,
|
|
|
|
+ height: 1
|
|
|
|
+ },
|
|
|
|
+ shadowOpacity: 0.30,
|
|
|
|
+ shadowRadius: 4.65,
|
|
|
|
+ elevation: 3
|
|
},
|
|
},
|
|
NameCont:{
|
|
NameCont:{
|
|
flex:1,
|
|
flex:1,
|
|
@@ -78,24 +93,24 @@ const ModPrev = StyleSheet.create({
|
|
},
|
|
},
|
|
name:{
|
|
name:{
|
|
textAlign:'left',
|
|
textAlign:'left',
|
|
- fontSize:14,
|
|
|
|
|
|
+ fontSize:12,
|
|
color:'#707070',
|
|
color:'#707070',
|
|
- opacity:1,
|
|
|
|
|
|
+ opacity:0.8,
|
|
marginBottom:8,
|
|
marginBottom:8,
|
|
letterSpacing:0
|
|
letterSpacing:0
|
|
},
|
|
},
|
|
modern:{
|
|
modern:{
|
|
color:'#707070',
|
|
color:'#707070',
|
|
- fontSize:10,
|
|
|
|
|
|
+ fontSize:7,
|
|
letterSpacing:0.6,
|
|
letterSpacing:0.6,
|
|
opacity:0.5,
|
|
opacity:0.5,
|
|
- marginTop:5
|
|
|
|
|
|
+ marginTop:5,
|
|
|
|
+ textTransform: 'uppercase'
|
|
},
|
|
},
|
|
ContentCont:{
|
|
ContentCont:{
|
|
backgroundColor:'#F8F8F8',
|
|
backgroundColor:'#F8F8F8',
|
|
width:216,
|
|
width:216,
|
|
- height:99,
|
|
|
|
-
|
|
|
|
|
|
+ padding: 10
|
|
},
|
|
},
|
|
content:{
|
|
content:{
|
|
flex:1,
|
|
flex:1,
|