mockaton 8.1.5 → 8.1.7

package/README.md

@@ -45,7 +45,7 @@ node --import=tsx my-mockaton.js
 ```
 
 
-## Running the Example Demo
+## Running the Example
 This demo uses the [sample-mocks/](./sample-mocks) directory of this repository.
 
 - Checkout this repo
@@ -216,8 +216,7 @@ Defaults to `/(\.DS_Store|~)$/`
 
 
 ### `delay?: number` 🕓
-The clock icon next to the mock selector is a checkbox for delaying a
-particular response. They are handy for testing spinners.
+The clock icon next to the mock selector is a checkbox for delaying a particular response.
 
 The delay is globally configurable via `Config.delay = 1200` (milliseconds).
 
@@ -229,7 +228,7 @@ For example, `Config.proxyFallback = 'http://example.com:8080'`
 
 ### `staticDir?: string`
 Files under `Config.staticDir` don’t use the filename convention.
-Also, they take precedence over the `GET` mocks in `Config.mockDir`.
+Also, they take precedence over the `GET` mocks in `Config.mocksDir`.
 
 For example, if you have two files for `GET /foo/bar.jpg`
 ```
@@ -250,8 +249,8 @@ The key is just a label used for selecting a particular cookie in the
 dashboard. In the dashboard, only one cookie can be selected. If you need
 more cookies you can inject additional cookies globally in `Config.extraHeaders`.
 
-`jwtCookie` has a hardcoded header and signature. In other
-words, it’s useful if you only care about its payload.
+By the way, there’s a `jwtCookie` helper, which has a hardcoded header and
+signature. In other words, it’s useful if you only care about its payload.
 
 ```js
 import { jwtCookie } from 'mockaton'
@@ -281,7 +280,7 @@ Config.extraHeaders = [
 ### `extraMimes?: { [fileExt: string]: string }`
 ```js
 Config.extraMimes = {
-  jpg: 'application/jpeg'
+  jpe: 'application/jpeg'
 }
 ```
 

package/package.json

@@ -2,7 +2,7 @@
 	"name": "mockaton",
 	"description": "A deterministic server-side for developing and testing frontend clients",
 	"type": "module",
-	"version": "8.1.5",
+	"version": "8.1.7",
 	"main": "index.js",
 	"types": "index.d.ts",
 	"license": "MIT",

package/src/Dashboard.css

@@ -6,12 +6,12 @@
 	:root {
 		--color4xxBackground: #ffedd1;
 		--colorAccent: #0072d6;
-		--colorAccentAlt: #01873b;
+		--colorAccentAlt: #0e906c;
 		--colorBackground: #fff;
 		--colorHeaderBackground: #f4f4f4;
 		--colorComboBoxBackground: #fafafa;
 		--colorComboBoxHeaderBackground: #fff;
-		--colorDisabled: #555;
+		--colorDisabled: #444;
 		--colorHover: #dfefff;
 		--colorLabel: #666;
 		--colorLightRed: #ffe4ee;
@@ -190,7 +190,7 @@ main {
 	display: inline-block;
 	width: 280px;
 	padding: 8px 6px;
-	border-radius: 4px;
+	border-radius: 0;
 	color: var(--colorAccent);
 	text-decoration: none;
 
@@ -205,10 +205,11 @@ main {
 
 .MockSelector {
 	width: 300px;
+	height: 30px;
 	padding: 8px 1px;
 	border: 0;
 	border-left: 3px solid transparent;
-	border-radius: 4px;
+	border-radius: 0;
 	text-align: right;
 	direction: rtl;
 	text-overflow: ellipsis;
@@ -218,6 +219,7 @@ main {
 		background: var(--color4xxBackground);
 	}
 	&:disabled {
+		padding-right: 4px;
 		appearance: none;
 		background: transparent;
 		cursor: default;