diff --git a/README.md b/README.md
index 14c19cb..3de931a 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
Cardápio Mobile UERJ
-
+
@@ -17,9 +17,9 @@
## 📃 Descrição
- Cardápio Mobile UERJ é um aplicativo de código aberto feito para promover facilidade e maior acessibilidade ao cardápio do restaurante universitário da UERJ.
+Cardápio Mobile UERJ é um aplicativo de código aberto feito para promover facilidade e maior acessibilidade ao cardápio do restaurante universitário da UERJ.
- Dentro do aplicativo também contém links de acesso para o site oficial da [UERJ](https://www.uerj.br/) e para o site oficial do [Restaurante Universitário](http://www.restauranteuniversitario.uerj.br/index.html).
+Dentro do aplicativo também contém links de acesso para o site oficial da [UERJ](https://www.uerj.br/) e para o site oficial do [Restaurante Universitário](http://www.restauranteuniversitario.uerj.br/index.html).
## 🚀 Motivação
@@ -33,11 +33,11 @@
## ⚙ Como funciona?
- O Cardápio Mobile UERJ se baseia completamente na forma e estruturação do site do [Restaurante Universitário da UERJ](http://www.restauranteuniversitario.uerj.br/cardapio.html), que mantêm uma estrutura e padrão de formatação fixos desde a sua data de lançamento. O Aplicativo acessa o cardápio e salva a resposta do site na memória do celular, após isso ele processa e organiza essas informações utilizando [JQuery](https://jquery.com/) e programação orientada a objetos. Após organizado, o aplicativo renderiza em tela as informações, formatando o texto, corrigindo acentuação, pontuação e removendo a abreviação das palavras, tudo para a melhor experiência de deficintes visuais que utilizam o Talkback no celular.
+O Cardápio Mobile UERJ se baseia completamente na forma e estruturação do site do [Restaurante Universitário da UERJ](http://www.restauranteuniversitario.uerj.br/cardapio.html), que mantêm uma estrutura e padrão de formatação fixos desde a sua data de lançamento. O Aplicativo acessa o cardápio e salva a resposta do site na memória do celular, após isso ele processa e organiza essas informações utilizando [JQuery](https://jquery.com/) e programação orientada a objetos. Após organizado, o aplicativo renderiza em tela as informações, formatando o texto, corrigindo acentuação, pontuação e removendo a abreviação das palavras, tudo para a melhor experiência de deficintes visuais que utilizam o Talkback no celular.
## 🛠 O que foi utilizado?
- Foi utilizado Javascript como linguagem de programação, [React-Native](https://github.com/facebook/react-native) como principal framework, JQuery ([react-native-cheerio](https://github.com/leon3110l/react-native-cheerio)) para a busca das informações e outras diversas libs para fins de abstração.
+Foi utilizado Javascript como linguagem de programação, [React-Native](https://github.com/facebook/react-native) como principal framework, JQuery ([react-native-cheerio](https://github.com/leon3110l/react-native-cheerio)) para a busca das informações e outras diversas libs para fins de abstração.
## 🎨 Demonstração
diff --git a/android/app/build.gradle b/android/app/build.gradle
index 26d20de..c5edfe4 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -132,8 +132,8 @@ android {
applicationId "com.cardapiomobileuerj"
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
- versionCode 2
- versionName "1.01"
+ versionCode 3
+ versionName "1.02"
project.ext.set("archivesBaseName", "cardapio-mobile-uerj-" + defaultConfig.versionName);
}
splits {
diff --git "a/resources/Card\303\241pio Mobile UERJ.xd" "b/resources/Card\303\241pio Mobile UERJ.xd"
index 669be7a..ab32021 100644
Binary files "a/resources/Card\303\241pio Mobile UERJ.xd" and "b/resources/Card\303\241pio Mobile UERJ.xd" differ
diff --git a/src/components/carousel.js b/src/components/carousel.js
index 071354a..f2cf6ad 100644
--- a/src/components/carousel.js
+++ b/src/components/carousel.js
@@ -7,7 +7,6 @@ import {
Row,
Column,
ItemRow,
- View,
Next,
Previous,
} from './styles_carousel';
@@ -47,10 +46,16 @@ const CarouselView = props => {
? item + ',' + 'Nenhum'
: item + ',' + parseName(day.item[key + 4], item)
}>
-
+
{item}
-
+
{parseName(day.item[key + 4], item)}
@@ -61,7 +66,7 @@ const CarouselView = props => {
}
return (
-
+ <>
{
sliderWidth={Responsive(425)}
itemWidth={Responsive(400)}
/>
-
+ >
);
};
diff --git a/src/components/styles_carousel.js b/src/components/styles_carousel.js
index ea6e9ac..b8c40e1 100644
--- a/src/components/styles_carousel.js
+++ b/src/components/styles_carousel.js
@@ -8,8 +8,7 @@ export const Container = styled.View`
align-self: center;
margin-top: 30%;
margin-bottom: 10%;
- padding: 4%;
- box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.2);
+ padding: 3%;
elevation: 4;
`;
@@ -19,7 +18,10 @@ export const ItemRow = styled.View`
flex-direction: row;
align-items: center;
margin: 1%;
- padding: 2%;
+ padding-top: 2.5%;
+ padding-bottom: 2.5%;
+ padding-right: 4%;
+ padding-left: 4%;
elevation: 4;
`;
@@ -30,11 +32,6 @@ export const Row = styled.View`
margin: 1%;
`;
-export const View = styled.View`
- flex-direction: row;
- align-self: center;
-`;
-
export const Column = styled.View`
flex: 1;
`;
@@ -55,14 +52,13 @@ export const Text = styled.Text`
width: 50%;
font-size: ${Responsive(16)}px;
font-weight: bold;
- text-align: center;
+ text-align: ${props => (props.textAlign ? props.textAlign : 'center')};
color: #fff;
- padding: 0.5%;
`;
export const Next = styled.TouchableOpacity`
width: 20%;
- height: 80%;
+ height: 100%;
align-self: center;
position: absolute;
left: 80%;
@@ -70,7 +66,7 @@ export const Next = styled.TouchableOpacity`
export const Previous = styled.TouchableOpacity`
width: 20%;
- height: 80%;
+ height: 100%;
align-self: center;
position: absolute;
left: 0%;