Upgrade packages

yaph · yaph · commit 2cc21139e5af · 2023-08-29T00:37:07.000+02:00
Improve design
diff --git a/package.json b/package.json
@@ -15,20 +15,20 @@
     "build:style-coder": "sass src/scss/coder.scss:static/compiled/coder.css --style compressed",
     "build:style-main": "sass src/scss/style.scss:static/compiled/style.css --style compressed",
     "watch:scripts": "nodemon -e js -w src/js -x 'npm run build:scripts'",
-    "watch:style-coder": "nodemon -e css -w src/scss -x 'npm run build:style-coder'",
-    "watch:style-main": "nodemon -e css -w src/scss -x 'npm run build:style-main'",
+    "watch:style-coder": "nodemon -e scss -w src/scss/coder.scss -x 'npm run build:style-coder'",
+    "watch:style-main": "nodemon -e scss -w src/scss -x 'npm run build:style-main'",
     "build": "run-p build:*",
     "watch": "run-p watch:*"
   },
   "license": "MIT",
   "devDependencies": {
-    "@babel/cli": "^7.17.10",
-    "@babel/core": "^7.18.5",
-    "@babel/preset-env": "^7.18.2",
-    "babel-loader": "^8.2.5",
-    "nodemon": "^2.0.16",
+    "@babel/cli": "^7.22.10",
+    "@babel/core": "^7.22.11",
+    "@babel/preset-env": "^7.22.10",
+    "babel-loader": "^9.1.3",
+    "nodemon": "^3.0.1",
     "npm-run-all": "^4.1.5",
-    "sass": "^1.52.3"
+    "sass": "^1.66.1"
   },
   "dependencies": {
     "@getbase/base": "^5.2.0"
diff --git a/src/scss/coder.scss b/src/scss/coder.scss
@@ -6,7 +6,7 @@
     color: $color1;
     font-size: .8em;
     text-align: center;
-    width: 12em;
+    flex: 1 1 9em;
 }
 
 .box-stat h4 {
@@ -17,6 +17,9 @@
 .boxes {
     background-color: $color3;
     padding: 1em 0;
+    display: flex;
+    flex-wrap: wrap;
+    max-width: 100%;
 }
 
 .boxes .box-stat:not(:last-child) {
@@ -56,11 +59,14 @@
     fill:rgb(128,177,211)
 }
 
-.meta {
-    background-color: $color4;
+// tabs
+.button {
+    border-width: 1px 1px 0 1px;
+    border-style: ridge;
+    border-color: $color5;
+    padding: 1em;
 }
 
-// tabs
 .button.active {
     background-color: $color3;
 }
diff --git a/src/scss/nav.scss b/src/scss/nav.scss
@@ -17,4 +17,5 @@ nav .button {
     margin: .2rem 0 0 .2rem;
     padding: .4rem 1rem;
     display: inline;
+    border-radius: .3em;
 }
diff --git a/src/scss/style.scss b/src/scss/style.scss
@@ -1,8 +1,10 @@
 $base-font-family: Roboto, Helvetica, sans-serif;
-$base-font-size: 17;
+$base-font-size: 18px;
+$base-line-height: 26px;
 $base-heading-font-family: Arial Black;
 $base-link-color: #0000ee;
 $base-link-hover-color: #0000ff;
+$grid-gutter: 0px;
 
 /* Import Base */
 @import "../../node_modules/@getbase/base/scss/_mixins";
diff --git a/templates/coder/boxes.html b/templates/coder/boxes.html
@@ -1,5 +1,5 @@
 {% raw %}
-<div class="flex flex-wrap boxes">
+<div class="boxes">
     <div class="box-stat" title="The number of loaded repositories this user has pushed to.">
         <i class="fa fa-code" aria-hidden="true"></i> Pushed to repos
         <h4>{{ repos_pushed.length }}</h4>

Original file line number	Diff line number	Diff line change
`@@ -17,4 +17,5 @@ nav .button {`
`17`	`17`	`margin: .2rem 0 0 .2rem;`
`18`	`18`	`padding: .4rem 1rem;`
`19`	`19`	`display: inline;`
	`20`	`+ border-radius: .3em;`
`20`	`21`	`}`