tenkuma/pandora
Watch
1
0
Fork
You've already forked pandora
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix chat collapsable bar button icon color on hover being the same as background; fix spacing in setup titles.

Browse source
This commit is contained in:
天クマ 2026-08-17 19:57:48 -03:00
commit f87966aa15
4 changed files with 19 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

6
web/app.html
View file

@ -17,9 +17,9 @@
<div class="app-container no-active-chat"> <div class="app-container no-active-chat">
<div class="main-holder"> <div class="main-holder">
<aside id="desktop-aside"> <aside id="desktop-aside">
<button id="profile-sidebar-btn" class="icon-btn mif-person mif-2x" data-page="profile-page"></button> <button id="profile-sidebar-btn" class="icon-btn mif-person mif-2x" data-page="profile-page" title="Profile"></button>
<button id="chats-sidebar-btn" class="icon-btn mif-qa mif-2x" data-page="chat-page"></button> <button id="chats-sidebar-btn" class="icon-btn mif-qa mif-2x" data-page="chat-page" title="Chat"></button>
<button id="settings-sidebar-btn" class="icon-btn mif-cog mif-2x" data-page="settings-page"></button> <button id="settings-sidebar-btn" class="icon-btn mif-cog mif-2x" data-page="settings-page" title="Settings"></button>
<img data-resource="app-user-image"> <img data-resource="app-user-image">
</aside> </aside>

4
web/index.html
View file

@ -13,7 +13,9 @@
<body> <body>
<div class="app-container _scrollableView"> <div class="app-container _scrollableView">
<section class="extra-page" id="welcome-page" style="display: flex;"> <section class="extra-page" id="welcome-page" style="display: flex;">
<div class="modal-header">
<h2 class="big-title" style="margin: 0 auto">Pandora</h2> <h2 class="big-title" style="margin: 0 auto">Pandora</h2>
</div>
<div class="modal-content"> <div class="modal-content">
<div style="font-size: 20rem; margin: 0 0 auto auto; transform: translateX(40%); opacity: .4;" class="mif-qa mif"></div> <div style="font-size: 20rem; margin: 0 0 auto auto; transform: translateX(40%); opacity: .4;" class="mif-qa mif"></div>
<div class="modal-body"> <div class="modal-body">
@ -56,7 +58,9 @@
</div> </div>
</section> </section>
<section class="extra-page" id="connecting-page"> <section class="extra-page" id="connecting-page">
<div class="modal-header">
<h2 class="big-title" style="margin: 0 auto">Connecting</h2> <h2 class="big-title" style="margin: 0 auto">Connecting</h2>
</div>
<div class="modal-content"> <div class="modal-content">
<div style="font-size: 20rem; margin: 0 0 auto auto; transform: translateX(40%); opacity: .4;" class="mif-broadcast mif"></div> <div style="font-size: 20rem; margin: 0 0 auto auto; transform: translateX(40%); opacity: .4;" class="mif-broadcast mif"></div>
<div class="modal-body"> <div class="modal-body">

2
web/src/app.ts
View file

@ -9,6 +9,8 @@ import { showNotification } from "./notification";
import type { Chat, Message, WebSocketEvent } from "./types"; import type { Chat, Message, WebSocketEvent } from "./types";
import { activeChatState, setActiveChatState } from "./states"; import { activeChatState, setActiveChatState } from "./states";
if (localStorage.getItem('setupComplete') !== "true") window.location.href = "index.html";
const messageTone = new Audio("./message.ogg"); const messageTone = new Audio("./message.ogg");
const longPressEvent = new CustomEvent("longpress"); const longPressEvent = new CustomEvent("longpress");
export let isLoadingChat = false; export let isLoadingChat = false;

9
web/style.css
View file

@ -30,6 +30,7 @@
:root { :root {
--bg-main: black; --bg-main: black;
--bg-primary: black;
--bg-secondary: #242424; --bg-secondary: #242424;
--sidebar-bg: black; --sidebar-bg: black;
--chat-bg: black; --chat-bg: black;
@ -807,7 +808,13 @@ li {
background-color: transparent; background-color: transparent;
} }
.alternate-panel button:hover, .alternate-panel input:hover { .alternate-panel button:hover {
filter: invert(1);
background-color: var(--bg-primary);
}
.alternate-panel input:hover {
border-color: var(--bg-primary); border-color: var(--bg-primary);
background-color: var(--text-primary); background-color: var(--text-primary);
color: var(--bg-primary); color: var(--bg-primary);