From 278cae75c2fea34e0290b693d9c6fb7da5cf026b Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Thu, 23 Jun 2022 20:29:40 +1000
Subject: Make default settings screen-size dependent

Also, only save settings when the user has made a change.
---
 src/lib.ts | 12 ++++++++++++
 1 file changed, 12 insertions(+)

(limited to 'src/lib.ts')

diff --git a/src/lib.ts b/src/lib.ts
index a6c8df1..19bd864 100644
--- a/src/lib.ts
+++ b/src/lib.ts
@@ -47,6 +47,18 @@ export type Action =
  * General utility functions
  */
 
+export type Breakpoint = 'sm' | 'md' | 'lg'; // These represent screen sizes
+export function getBreakpoint(): Breakpoint {
+	let w = window.innerWidth;
+	if (w < 768){
+		return 'sm';
+	} else if (w < 1024){
+		return 'md';
+	} else {
+		return 'lg';
+	}
+}
+
 // Returns [0 ... len]
 export function range(len: number): number[] {
 	return [...Array(len).keys()];
-- 
cgit v1.2.3