Browse Source

Postponed extra large screen layout.

Yuin Chien 6 years ago
parent
commit
bee266de94
2 changed files with 12 additions and 12 deletions
  1. 4 4
      docs/page.css
  2. 8 8
      files/main.css

+ 4 - 4
docs/page.css

@@ -215,18 +215,18 @@ a.param:hover {
 }
 
 
-@media all and ( min-width: 1500px ) {
+@media all and ( min-width: 1700px ) {
 	:root {
 		--panel-width: 360px;
 		--font-size: 18px;
 		--line-height: 30px;
 		--header-height: 60px;
-		--max-width: 960px;
+		--max-width: 1160px;
 	}
 }
 
 
-@media all and ( min-width: 2400px ) {
+/* @media all and ( min-width: 2400px ) {
 	:root {
 		--panel-width: 480px;
 		--font-size: 24px;
@@ -234,7 +234,7 @@ a.param:hover {
 		--header-height: 72px;
 		--max-width: 1280px;
 	}
-}
+} */
 
 /* mobile */
 

+ 8 - 8
files/main.css

@@ -383,18 +383,18 @@ iframe {
 
 
 @media all and ( min-width: 1500px ) {
-	:root {
-		--panel-width: 360px;
-		--font-size: 18px;
-		--line-height: 30px;
-		--header-height: 60px;
-	}
 	#projects {
 		grid-template-columns: repeat(7, 1fr);
 	}
 }
 
 @media all and ( min-width: 1700px ) {
+	:root {
+		--panel-width: 360px;
+		--font-size: 18px;
+		--line-height: 30px;
+		--header-height: 60px;
+	}
 	#projects {
 		grid-template-columns: repeat(8, 1fr);
 	}
@@ -408,7 +408,7 @@ iframe {
 
 }
 
-@media all and ( min-width: 2400px ) {
+/* @media all and ( min-width: 2400px ) {
 	:root {
 		--panel-width: 480px;
 		--font-size: 24px;
@@ -417,7 +417,7 @@ iframe {
 		--max-width: 1280px;
 		--icon-size: 34px;
 	}
-}
+} */
 
 
 @media all and ( max-width: 1300px ) {