update copy

README.md

@@ -12,7 +12,7 @@ A javascript scratchpad similar to Electron Fiddle or CodePen.
 
 # DESCRIPTION
 
-Socket App Studio provides a sandbox environment where developers can write, build, and run experiments or snippets of code, making it easier to test and share code. <a href="https://github.com/socketsupply/socket-app-studio">Download it from GitHub</a> for Windows, MacOS, and Linux.
+Union App Studio provides a sandbox environment where developers can write, build, and run experiments or snippets of code, making it easier to test and share code. <a href="https://github.com/socketsupply/socket-app-studio">Download it from GitHub</a> for Windows, MacOS, and Linux.
 
 ![screenshot](docs/screenshot4.png)
 ![screenshot](docs/screenshot5.png)

package.json

@@ -1,11 +1,11 @@
 {
-  "name": "socket-app-studio",
-  "productName": "socket-app-studio",
+  "name": "union-app-studio",
+  "productName": "union-app-studio",
   "version": "1.0.0",
   "type": "module",
-  "description": "A fiddle for Socket Runtime",
+  "description": "Like CodePen, but for Native Apps!",
   "repository": {
-    "url": "[email protected]:socketsupply/socket-app-studio.git",
+    "url": "[email protected]:socketsupply/union-app-studio.git",
     "type": "git"
   },
   "devDependencies": {

socket.ini

@@ -237,7 +237,7 @@ simulator_device = "iPhone 14"
 icon ="icons/icon.png"
 
 ; The various sizes and scales of the icons to create, required minimum are listed by default.
-icon_sizes = "20@1x 20@2x 20@3x"
+icon_sizes = "29@1x 29@2x 29@3x 40@2x 40@3x 57@1x 57@2x 60@2x 60@3x"
 
 [linux]
 ; Helps to make your app searchable in Linux desktop environments.

src/css/image-preview.css

@@ -3,35 +3,32 @@ app-image-preview {
   top: 0; bottom: 0; left: 0; right: 0;
   overflow: auto;
   z-index: -1;
+  opacity: 0;
   transition: z-index .1s ease, opacity .1s ease;
-}
 
-app-image-preview.show {
-  opacity: 1;
-  z-index: 30;
-}
-
-app-image-preview {
-  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
-  z-index: -1;
-  opacity: 0;
-  transition: all .2s ease;
   display: grid;
   justify-content: center;
   align-items: center;
   grid-template-rows: 1fr 1fr;
   grid-template-columns: 1fr;
   background-color: var(--tonic-background);
+  padding: 10%;
+}
+
+app-image-preview.show {
+  opacity: 1;
+  z-index: 30;
 }
 
 app-image-preview .top {
   display: grid;
   justify-content: center;
   align-items: center;
+  height: 80px;
+  margin-bottom: 100px;
 }
 
 app-image-preview .bottom {
-  padding: 10%;
 }
 
 app-image-preview .bottom h2 {