diff --git a/src/css/index.css b/src/css/index.css index 799ac4e..53f8295 100644 --- a/src/css/index.css +++ b/src/css/index.css @@ -253,7 +253,7 @@ main-component { header { display: grid; - grid-template-columns: 1fr 34px 250px 34px 1fr; + grid-template-columns: 1fr 34px 250px 34px 1fr 34px 34px; gap: 12px; grid-template-rows: auto; align-content: center; @@ -265,7 +265,7 @@ header { right: 0; cursor: default; app-region: drag; /* windows */ - --app-region: drag; /* mac/linux */ + --app-region: drag; /* mac & linux */ } header [platform="darwin"] { diff --git a/src/index.js b/src/index.js index fb4fe63..925c0f3 100644 --- a/src/index.js +++ b/src/index.js @@ -457,7 +457,7 @@ class AppView extends Tonic { await this.init() return this.html` -
+
@@ -475,6 +475,22 @@ class AppView extends Tonic { + + + +
diff --git a/src/sprite.js b/src/sprite.js index 2475653..662a3ca 100644 --- a/src/sprite.js +++ b/src/sprite.js @@ -155,6 +155,11 @@ class AppSprite extends Tonic { c0,0.7,0.5,1.3,1.2,1.3C84.6,70,85.1,69.4,85.1,68.7z"/> + + + + + - +

Hello, World.

diff --git a/src/worker.js b/src/worker.js index 3c3d3fb..2016be0 100644 --- a/src/worker.js +++ b/src/worker.js @@ -37,6 +37,23 @@ export default async function (req, env, ctx) { ` } + if (params.get('device') === 'iphone-15') { + css = ` + #SOCKET_NOTCH { + position: fixed; + top: 0; + left: 50%; + width: 35%; + transform: translateX(-50%); + height: 3.8%; + border-radius: 0 0 10px 10px; + background: black; + opacity: 0.1; + z-index: 1000; + } + ` + } + if (url.pathname.endsWith('index.html')) { data = data.replace(//, ``) data = data.replace('', `
`)