fix HandBook all bugs

Vincamine · Vincamine · commit 2781705bcf4c · 2025-07-10T18:05:23.000-07:00
Signed-off-by: Wyllie Fang &lt;wylliefang@gmail.com&gt;
diff --git a/src/sections/Community/Handbook/Handbook.style.js b/src/sections/Community/Handbook/Handbook.style.js
@@ -33,18 +33,19 @@ export const HandbookWrapper = styled.div`
     }
 
     .page-section{
-      @media (min-width: 751px) and (max-width: 1920px) {
+      @media (min-width: 751px){
         margin-top: -55rem;
         margin-left: 20rem;
         padding: 2rem 3rem;
       }
-      @media (min-width: 751px) and (min-width: 1599px) {
+      @media (min-width: 1600px) {
         margin-top: -60rem;
       }
       @media (max-width: 750px) {
         margin-top: -6rem;
       }
     }
+      
     .page-section h2,
     .page-section h2.heading-top {
       padding-top: 1rem;
@@ -218,9 +219,7 @@ export const HandbookWrapper = styled.div`
       stroke: ${props => props.theme.green00D3A9ToGreen00B39F};
       transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
     }
-    svg {
-      color: "pink";
-    }
+
     input[type=checkbox]:checked + label:before {
       content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="black" viewBox="0 4 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');;
 

Original file line number	Diff line number	Diff line change
@@ -33,18 +33,19 @@ export const HandbookWrapper = styled.div`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`.page-section{`
`36`		`- @media (min-width: 751px) and (max-width: 1920px) {`
	`36`	`+ @media (min-width: 751px){`
`37`	`37`	`margin-top: -55rem;`
`38`	`38`	`margin-left: 20rem;`
`39`	`39`	`padding: 2rem 3rem;`
`40`	`40`	`}`
`41`		`- @media (min-width: 751px) and (min-width: 1599px) {`
	`41`	`+ @media (min-width: 1600px) {`
`42`	`42`	`margin-top: -60rem;`
`43`	`43`	`}`
`44`	`44`	`@media (max-width: 750px) {`
`45`	`45`	`margin-top: -6rem;`
`46`	`46`	`}`
`47`	`47`	`}`
	`48`	`+`
`48`	`49`	`.page-section h2,`
`49`	`50`	`.page-section h2.heading-top {`
`50`	`51`	`padding-top: 1rem;`
@@ -218,9 +219,7 @@ export const HandbookWrapper = styled.div`
`218`	`219`	`stroke: ${props => props.theme.green00D3A9ToGreen00B39F};`
`219`	`220`	`transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);`
`220`	`221`	`}`
`221`		`- svg {`
`222`		`- color: "pink";`
`223`		`- }`
	`222`	`+`
`224`	`223`	`input[type=checkbox]:checked + label:before {`
`225`	`224`	`content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="black" viewBox="0 4 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');;`
`226`	`225`