Increase size of chracter cells, disable bolding #22

Radically · Mar 7, 2021 · 3cfca8f · 3cfca8f
1 parent 65203ff
commit 3cfca8f
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/src/components/ComponentsPage/index.tsx b/src/components/ComponentsPage/index.tsx
@@ -324,7 +324,7 @@ function ComponentsPage(props: {
                   }}
                   style={{
                     color: darkMode ? "white" : "black",
-                    fontWeight: "bold",
+                    // fontWeight: "bold",
                   }}
                   outerElementType={outerElementType}
                   // outerRef={listOuterRef}
@@ -337,7 +337,7 @@ function ComponentsPage(props: {
                     handleRadicalClick,
                   }}
                   itemCount={arrayified.length}
-                  itemSize={40}
+                  itemSize={45}
                   width={width}
                 >
                   {ComponentPickerRow}

diff --git a/src/components/ComponentsScrollComponents/index.tsx b/src/components/ComponentsScrollComponents/index.tsx
@@ -46,7 +46,7 @@ const HeaderRow = styled.div`
 `;
 
 const NormalRow = styled.div`
-  font-size: 1.4em;
+  font-size: 1.7em;
   // padding-left: 5px;
   // padding-right: 5px;
   display: flex;

diff --git a/src/components/IndividualComponentCell/index.tsx b/src/components/IndividualComponentCell/index.tsx
@@ -57,8 +57,8 @@ const IndividualComponentCell = withTheme(styled("div") <{
   darkMode?: boolean;
   characterVariantLocales?: string;
 }>`
-  width: 27px;
-  height: 27px;
+  width: 35px;
+  height: 35px;
   display: flex;
   justify-content: center;
   align-items: center;

diff --git a/src/components/ResultsPage/index.tsx b/src/components/ResultsPage/index.tsx
@@ -186,7 +186,7 @@ function ResultsPage(props: {
                     }}
                     style={{
                       color: darkMode ? "white" : "black",
-                      fontWeight: "bold",
+                      // fontWeight: "bold",
                     }}
                     outerElementType={outerElementType}
                     // outerRef={listOuterRef}
@@ -199,7 +199,7 @@ function ResultsPage(props: {
                       handleRadicalClick,
                     }}
                     itemCount={arrayified.length}
-                    itemSize={40}
+                    itemSize={45}
                     width={width}
                   >
                     {ComponentPickerRow}

diff --git a/src/utils.ts b/src/utils.ts
@@ -39,7 +39,7 @@ export function useWindowDimensions() {
 }
 
 export const getRadicalsPerRow = (windowWidth: number): number => {
-  return Math.trunc(windowWidth / 40);
+  return Math.trunc(windowWidth / 50);
 };
 
 export function isCJK(idsChar: string) {