feat: new lock screen and challenge modal design (#957)

2022-04-12 00:05:08 +05:30
parent 3a2ff2f440
commit c16f23a75f
12 changed files with 434 additions and 385 deletions
--- a/app/assets/javascripts/components/DecoratedInput.tsx
+++ b/app/assets/javascripts/components/DecoratedInput.tsx
@@ -23,7 +23,7 @@ const getClassNames = (
    container: `flex items-stretch position-relative bg-default border-1 border-solid border-main rounded focus-within:ring-info overflow-hidden ${
      !hasLeftDecorations && !hasRightDecorations ? 'px-2 py-1.5' : ''
    }`,
-    input: `w-full border-0 focus:shadow-none ${
+    input: `w-full border-0 focus:shadow-none bg-transparent ${
      !hasLeftDecorations && hasRightDecorations ? 'pl-2' : ''
    } ${hasRightDecorations ? 'pr-2' : ''}`,
    disabled: 'bg-grey-5 cursor-not-allowed',