feat: Adds styled UI

megaconfidence · megaconfidence · commit d51a50adf70d · 2023-09-13T08:46:52.000Z
diff --git a/pages/Page1/Page1.json b/pages/Page1/Page1.json
@@ -13,7 +13,7 @@
           "detachFromLayout": true,
           "widgetId": "0",
           "topRow": 0,
-          "bottomRow": 1292,
+          "bottomRow": 720,
           "containerStyle": "none",
           "snapRows": 124,
           "parentRowSpace": 1,
diff --git a/pages/Page1/widgets/Container1/Container1.json b/pages/Page1/widgets/Container1/Container1.json
@@ -11,8 +11,8 @@
         "parent",
         "group"
     ],
-    "topRow": 10,
-    "bottomRow": 75,
+    "topRow": 12,
+    "bottomRow": 72,
     "parentRowSpace": 10,
     "type": "CONTAINER_WIDGET",
     "hideCard": false,
@@ -31,7 +31,7 @@
         "widgetName": "Canvas1",
         "displayName": "Canvas",
         "topRow": 0,
-        "bottomRow": 650,
+        "bottomRow": 600,
         "parentRowSpace": 1,
         "type": "CANVAS_WIDGET",
         "canExtend": false,
@@ -76,8 +76,10 @@
     "isLoading": false,
     "mobileTopRow": 12,
     "responsiveBehavior": "fill",
+    "originalTopRow": 12,
     "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
     "mobileLeftColumn": 0,
     "maxDynamicHeight": 9000,
+    "originalBottomRow": 72,
     "minDynamicHeight": 10
 }
diff --git a/pages/Page1/widgets/Container1/Tabs1/List1/List1.json b/pages/Page1/widgets/Container1/Tabs1/List1/List1.json
@@ -1,5 +1,5 @@
 {
-    "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
+    "boxShadow": "none",
     "requiresFlatWidgetChildren": true,
     "isCanvas": true,
     "iconSVG": "https://appcdn.appsmith.com/static/media/icon.5c9511142b3624c7491c5442e8ccd0ef.svg",
@@ -15,7 +15,6 @@
         {"key": "primaryKeys"},
         {"key": "accentColor"},
         {"key": "borderRadius"},
-        {"key": "boxShadow"},
         {"key": "listData"}
     ],
     "leftColumn": 0,
diff --git a/pages/Page1/widgets/Container1/Tabs1/Tabs1.json b/pages/Page1/widgets/Container1/Tabs1/Tabs1.json
@@ -1,13 +1,13 @@
 {
-    "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
+    "boxShadow": "none",
     "mobileBottomRow": 17,
     "widgetName": "Tabs1",
-    "borderColor": "#E0DEDE",
+    "borderColor": "transparent",
     "isCanvas": true,
     "displayName": "Tabs",
     "iconSVG": "https://appcdn.appsmith.com/static/media/icon.9e3d67c0af9c0bd092dc56240314e18a.svg",
-    "topRow": 11,
-    "bottomRow": 26,
+    "topRow": 9,
+    "bottomRow": 55,
     "parentRowSpace": 10,
     "type": "TABS_WIDGET",
     "hideCard": false,
@@ -20,7 +20,6 @@
     "dynamicBindingPathList": [
         {"key": "accentColor"},
         {"key": "borderRadius"},
-        {"key": "boxShadow"},
         {"key": "defaultTab"}
     ],
     "children": [
@@ -29,7 +28,7 @@
             "mobileBottomRow": 150,
             "widgetName": "Canvas2",
             "displayName": "Canvas",
-            "bottomRow": 440,
+            "bottomRow": 460,
             "topRow": 0,
             "parentRowSpace": 1,
             "type": "CANVAS_WIDGET",
@@ -65,7 +64,7 @@
             "mobileBottomRow": 150,
             "widgetName": "Canvas3",
             "displayName": "Canvas",
-            "bottomRow": 110,
+            "bottomRow": 460,
             "topRow": 0,
             "parentRowSpace": 1,
             "type": "CANVAS_WIDGET",
@@ -106,7 +105,7 @@
     "widgetId": "f79rgmu9ub",
     "accentColor": "{{appsmith.theme.colors.primaryColor}}",
     "defaultTab": "{{data.activeTodo === undefined?'view':'edit'}}",
-    "shouldShowTabs": true,
+    "shouldShowTabs": false,
     "minWidth": 450,
     "tabsObj": {
         "tab1": {
@@ -134,10 +133,10 @@
     "isLoading": false,
     "mobileTopRow": 2,
     "responsiveBehavior": "fill",
-    "originalTopRow": 11,
+    "originalTopRow": 9,
     "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
     "mobileLeftColumn": 1,
     "maxDynamicHeight": 9000,
-    "originalBottomRow": 26,
+    "originalBottomRow": 55,
     "minDynamicHeight": 15
 }
diff --git a/pages/Page1/widgets/Container4/Container4.json b/pages/Page1/widgets/Container4/Container4.json
@@ -0,0 +1,87 @@
+{
+    "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
+    "mobileBottomRow": 10,
+    "widgetName": "Container4",
+    "borderColor": "#E0DEDE",
+    "isCanvas": true,
+    "dynamicPropertyPathList": [{"key": "backgroundColor"}],
+    "displayName": "Container",
+    "iconSVG": "https://appcdn.appsmith.com/static/media/icon.daebf68875b6c8e909e9e8ac8bee0c02.svg",
+    "searchTags": [
+        "div",
+        "parent",
+        "group"
+    ],
+    "topRow": 0,
+    "bottomRow": 12,
+    "parentRowSpace": 10,
+    "type": "CONTAINER_WIDGET",
+    "hideCard": false,
+    "shouldScrollContents": true,
+    "mobileRightColumn": 24,
+    "animateLoading": true,
+    "parentColumnSpace": 6.84375,
+    "dynamicTriggerPathList": [],
+    "leftColumn": 0,
+    "dynamicBindingPathList": [
+        {"key": "borderRadius"},
+        {"key": "boxShadow"},
+        {"key": "backgroundColor"}
+    ],
+    "children": [{
+        "mobileBottomRow": 100,
+        "widgetName": "Canvas7",
+        "displayName": "Canvas",
+        "topRow": 0,
+        "bottomRow": 120,
+        "parentRowSpace": 1,
+        "type": "CANVAS_WIDGET",
+        "canExtend": false,
+        "hideCard": true,
+        "minHeight": 100,
+        "mobileRightColumn": 164.25,
+        "parentColumnSpace": 1,
+        "leftColumn": 0,
+        "dynamicBindingPathList": [],
+        "key": "wiyl9r7voa",
+        "isDeprecated": false,
+        "rightColumn": 164.25,
+        "detachFromLayout": true,
+        "widgetId": "xbqwx6xckh",
+        "containerStyle": "none",
+        "minWidth": 450,
+        "isVisible": true,
+        "version": 1,
+        "parentId": "233b11szly",
+        "renderMode": "CANVAS",
+        "isLoading": false,
+        "mobileTopRow": 0,
+        "responsiveBehavior": "fill",
+        "mobileLeftColumn": 0,
+        "flexLayers": []
+    }],
+    "borderWidth": "1",
+    "flexVerticalAlignment": "start",
+    "key": "zulk8epheu",
+    "backgroundColor": "{{ 'none; background: center no-repeat url(\"https://cdn.pixabay.com/photo/2017/03/02/08/58/background-texture-2110724_1280.jpg\");'}}",
+    "isDeprecated": false,
+    "rightColumn": 64,
+    "dynamicHeight": "AUTO_HEIGHT",
+    "widgetId": "233b11szly",
+    "containerStyle": "card",
+    "minWidth": 450,
+    "isVisible": true,
+    "version": 1,
+    "parentId": "0",
+    "tags": ["Layout"],
+    "renderMode": "CANVAS",
+    "isLoading": false,
+    "mobileTopRow": 0,
+    "responsiveBehavior": "fill",
+    "originalTopRow": 0,
+    "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
+    "mobileLeftColumn": 0,
+    "maxDynamicHeight": 9000,
+    "originalBottomRow": 12,
+    "minDynamicHeight": 10
+}
diff --git a/pages/Page1/widgets/Container4/Text2.json b/pages/Page1/widgets/Container4/Text2.json
@@ -0,0 +1,58 @@
+{
+    "mobileBottomRow": 7,
+    "widgetName": "Text2",
+    "displayName": "Text",
+    "iconSVG": "https://appcdn.appsmith.com/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg",
+    "searchTags": [
+        "typography",
+        "paragraph",
+        "label"
+    ],
+    "topRow": 3,
+    "bottomRow": 10,
+    "parentRowSpace": 10,
+    "type": "TEXT_WIDGET",
+    "hideCard": false,
+    "mobileRightColumn": 17,
+    "animateLoading": true,
+    "overflow": "NONE",
+    "fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
+    "parentColumnSpace": 6.53125,
+    "dynamicTriggerPathList": [],
+    "leftColumn": 1,
+    "dynamicBindingPathList": [
+        {"key": "truncateButtonColor"},
+        {"key": "fontFamily"},
+        {"key": "borderRadius"}
+    ],
+    "shouldTruncate": false,
+    "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
+    "text": "Todo App",
+    "key": "i9xb78n35r",
+    "isDeprecated": false,
+    "rightColumn": 44,
+    "textAlign": "LEFT",
+    "dynamicHeight": "AUTO_HEIGHT",
+    "widgetId": "q7czqluugk",
+    "minWidth": 450,
+    "isVisible": true,
+    "fontStyle": "BOLD",
+    "textColor": "#ffffff",
+    "version": 1,
+    "parentId": "xbqwx6xckh",
+    "tags": [
+        "Suggested",
+        "Content"
+    ],
+    "renderMode": "CANVAS",
+    "isLoading": false,
+    "mobileTopRow": 3,
+    "responsiveBehavior": "fill",
+    "originalTopRow": 3,
+    "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
+    "mobileLeftColumn": 1,
+    "maxDynamicHeight": 9000,
+    "originalBottomRow": 10,
+    "fontSize": "3rem",
+    "minDynamicHeight": 4
+}
diff --git a/theme.json b/theme.json
@@ -1,6 +1,6 @@
 {
-  "name": "Default",
-  "displayName": "Modern",
+  "name": "Earth",
+  "displayName": "Earth",
   "isSystemTheme": true,
   "deleted": false
 }

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`		`- "name": "Default",`
`3`		`- "displayName": "Modern",`
	`2`	`+ "name": "Earth",`
	`3`	`+ "displayName": "Earth",`
`4`	`4`	`"isSystemTheme": true,`
`5`	`5`	`"deleted": false`
`6`	`6`	`}`