From 08603e483777257cba898ec7daa1d1b51892d8ea Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Thu, 27 Sep 2018 18:12:15 +0200
Subject: [PATCH] Add accent circle
---
components/header.js | 1 +
styles/index.js | 8 ++++++++
2 files changed, 9 insertions(+)
diff --git a/components/header.js b/components/header.js
index a4d34145..cb0e1aad 100644
--- a/components/header.js
+++ b/components/header.js
@@ -34,6 +34,7 @@ export default class Header extends Component {
</View >
:
<View style={styles.header}>
+ <View style={styles.accentCircle} />
<Text style={styles.dateHeader}>
{this.props.title}
</Text>
diff --git a/styles/index.js b/styles/index.js
index c1ba8f2e..726929fb 100644
--- a/styles/index.js
+++ b/styles/index.js
@@ -54,6 +54,14 @@ export default StyleSheet.create({
color: fontOnPrimaryColor,
textAlign: 'center',
},
+ accentCircle: {
+ borderColor: secondaryColor,
+ borderWidth: 2,
+ width: 50,
+ height: 50,
+ borderRadius: 100,
+ position: 'absolute'
+ },
cycleDayNumber: {
fontSize: 15,
color: fontOnPrimaryColor,
--
GitLab