From e401cd8d935371b5189addd08c488a351d6871dd Mon Sep 17 00:00:00 2001
From: Morax <100508620+fzlzjerry@users.noreply.github.com>
Date: Fri, 7 Feb 2025 16:44:04 +0800
Subject: [PATCH] Fix voice ball aspect ratio in fullscreen mode (#555)

Fixes #542

Add CSS rule to maintain the aspect ratio of the voice ball when entering fullscreen mode.

* **apps/style/edge.css**
  - Add CSS rule `#voiceBall { aspect-ratio: 1; }` to ensure the voice ball maintains its shape when entering fullscreen mode.

* **.devcontainer/devcontainer.json**
  - Add a new file with build task configuration.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/tjy-gitnub/win12/issues/542?shareId=XXXX-XXXX-XXXX-XXXX).
---
 .devcontainer/devcontainer.json | 5 +++++
 apps/style/edge.css             | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 .devcontainer/devcontainer.json
 mode change 100755 => 100644 apps/style/edge.css

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 0000000..bd01c11
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,5 @@
+{
+  "tasks": {
+    "build": "# No build commands are necessary for this project."
+  }
+}
\ No newline at end of file
diff --git a/apps/style/edge.css b/apps/style/edge.css
old mode 100755
new mode 100644
index c2e8fd1..8680795
--- a/apps/style/edge.css
+++ b/apps/style/edge.css
@@ -115,4 +115,8 @@
 .reloading>svg>circle:last-child {
     stroke: #2983cc;
     stroke-width: 2px;
-}
\ No newline at end of file
+}
+
+#voiceBall {
+    aspect-ratio: 1;
+}