From c57772c2fb6333cc801b788c9ee5db19032bba32 Mon Sep 17 00:00:00 2001 From: Vishnu Mohandas Date: Mon, 15 Feb 2021 17:04:11 +0530 Subject: [PATCH] Update gallery screen --- src/pages/_app.tsx | 2 ++ src/pages/gallery/components/Collections.tsx | 6 +++--- src/utils/strings/englishConstants.tsx | 2 +- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index 46f467497..c8b94d3ef 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -107,12 +107,14 @@ const GlobalStyles = createGlobalStyle` } .btn-primary { background: #2dc262; + border-color: #29a354; padding: 8px; padding-left: 24px; padding-right: 24px; } .btn-primary:hover { background-color: #29a354; + border-color: #2dc262; } .btn-primary:disabled { background-color: #69b383; diff --git a/src/pages/gallery/components/Collections.tsx b/src/pages/gallery/components/Collections.tsx index 4a44b940c..d0e689bcc 100644 --- a/src/pages/gallery/components/Collections.tsx +++ b/src/pages/gallery/components/Collections.tsx @@ -36,9 +36,9 @@ const Wrapper = styled.div` max-width: 100%; `; const Chip = styled.button<{ active: boolean }>` - border-radius: 20px; - padding: 2px 10px; - margin: 2px 5px 2px 2px; + border-radius: 8px; + padding: 4px 14px; + margin: 2px 8px 2px 2px; border: none; background-color: ${(props) => props.active ? '#fff' : 'rgba(255, 255, 255, 0.3)'}; diff --git a/src/utils/strings/englishConstants.tsx b/src/utils/strings/englishConstants.tsx index f06e2562c..6d913948d 100644 --- a/src/utils/strings/englishConstants.tsx +++ b/src/utils/strings/englishConstants.tsx @@ -64,7 +64,7 @@ const englishConstants = { WEB_SIGNUPS_DISABLED: 'Web signups are disabled for now, please install the mobile app and signup there', USER_DOES_NOT_EXIST: 'sorry, could not find an ente user', - UPLOAD_BUTTON_TEXT: 'Upload', + UPLOAD_BUTTON_TEXT: 'upload', NO_ACCOUNT: 'don\'t have an account?', };