diff --git a/web/index.html b/web/index.html index 5ed673d..30d0be8 100644 --- a/web/index.html +++ b/web/index.html @@ -39,10 +39,7 @@ My Name +
@@ -55,30 +52,6 @@
- - -
- -
- - -
- -
-
Share
-
Quit
-
-
@@ -87,22 +60,14 @@
Message
+
diff --git a/web/main.js b/web/main.js index 85af2e5..cf3f73f 100644 --- a/web/main.js +++ b/web/main.js @@ -561,8 +561,8 @@ function renderMainHeader() { // 头部结构:更多按钮和右侧栏按钮互换位置,右侧栏按钮在最右侧 document.getElementById("main-header").innerHTML = ` + +
#${safeRoomName}
@@ -571,13 +571,10 @@ function renderMainHeader() {
- +
Share
Quit
diff --git a/web/style.css b/web/style.css index 4ec031c..db1cbcf 100644 --- a/web/style.css +++ b/web/style.css @@ -303,8 +303,8 @@ body { content: ""; position: absolute; inset: 0; - background: url(./wallpaper.png) left top / auto 100% no-repeat; - opacity: 0.22; /* 可根据实际效果调整 */ + background: url(./wallpaper.png) left top / auto 130% no-repeat; + opacity: 0.15; /* 可根据实际效果调整 */ mix-blend-mode: multiply; pointer-events: none; z-index: 0; @@ -548,11 +548,12 @@ body { border: none; cursor: pointer; color: #808080; - padding: 4px; display: flex; align-items: center; justify-content: center; - margin: 0px 10px 4px 10px; + margin: 0px 10px 3px 10px; + padding-left: unset; + padding-right: unset; } .chat-emoji-btn:hover { color: #007bff; @@ -1338,8 +1339,8 @@ body { background: rgba(255, 255, 255, 0.85); border: none; align-items: center; - width: 38px; - height: 38px; + width: 45px; + height: 45px; z-index: 1100; cursor: pointer; border-radius: 50%;