fix: ui, quill and switch mode button (#125)

* fix: quill paste url model layout * fix: switch mode button
opensquare-network · Aug 18, 2023 · 92f84a1 · 92f84a1
1 parent 48b33e8
commit 92f84a1
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/components/StateToggle.tsx b/src/components/StateToggle.tsx
@@ -10,7 +10,7 @@ const StateToggle = styled.div`
     padding: 12px 16px;
     /* padding-bottom: 13px; */
     font-size: 14px;
-    line-height: 14px;
+    line-height: 1rem;
     font-weight: 500;
     cursor: pointer;
     color: var(--textSecondary, #506176);

diff --git a/src/components/modal.tsx b/src/components/modal.tsx
@@ -47,7 +47,7 @@ const Title = styled(Flex)`
 `;
 
 const FormWrapper = styled.div`
-  padding: 0 24px 12px 24px;
+  padding: 0 24px;
 
   label {
     display: flex;
@@ -117,7 +117,7 @@ const SubmitButton = styled.button`
 `;
 
 const Hint = styled.p`
-  margin-top: 0;
+  margin-top: 0 !important;
   padding: 0 24px;
   font-family: Inter, sans-serif;
   font-weight: 500;

diff --git a/src/styles/subsqaure.ts b/src/styles/subsqaure.ts
@@ -36,7 +36,8 @@ const SubSquare = {
   `,
   tab: css`
     padding: 12px 16px;
-    line-height: 14px;
+    line-height: 1rem;
+    margin-right: 1px;
     /* border-bottom: none; */
     color: var(--textSecondary, #506176);
 
@@ -57,6 +58,7 @@ const SubSquare = {
         1px 0 0 0 var(--neutral300, #ebeef4);
     }
     :last-child {
+      margin-right: 0;
       box-shadow: 0 1px 0 0 var(--neutral100, #ffffff),
         1px 0 0 0 var(--neutral300, #ebeef4),
         -1px 0 0 0 var(--neutral300, #ebeef4);