zxq5/chatapp
2
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

adding stuff

Browse Source
This commit is contained in:
zxq5
2025-10-09 12:14:14 +01:00
parent f38a4f688a
commit dbb410b1e6
18 changed files with 55 additions and 1269 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend/cdn/profiles/default.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 157 KiB

After

Width:  |  Height:  |  Size: 15 KiB

backend/cdn/profiles/default.svg
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M480-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM160-160v-112q0-34 17.5-62.5T224-378q62-31 126-46.5T480-440q66 0 130 15.5T736-378q29 15 46.5 43.5T800-272v112H160Zm80-80h480v-32q0-11-5.5-20T700-306q-54-27-109-40.5T480-360q-56 0-111 13.5T260-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T560-640q0-33-23.5-56.5T480-720q-33 0-56.5 23.5T400-640q0 33 23.5 56.5T480-560Zm0-80Zm0 400Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 548 B

backend/src/cdn.rs
+1 -1
View File
@@ -13,7 +13,7 @@ pub async fn profile_pic(user_id: usize) -> Option<NamedFile> {
{
Some(image)
} else {
Some(NamedFile::open("./cdn/profiles/default.jpg").await.ok()?)
Some(NamedFile::open("./cdn/profiles/default.svg").await.ok()?)
}
}
backend/static/css/index.css
+23 -21
View File
@@ -8,16 +8,34 @@ body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
background: #0a0a0a;
color: #e0e0e0;
min-height: 100vh;
min-width: 100vw;
height: 100vh;
overflow: hidden;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
background: #0a0a0a;
color: #e0e0e0;
display: flex;
align-items: center;
justify-content: center;
}
.chat-container {
display: flex;
flex-direction: column;
height: 100vh;
max-width: 50vh;
margin: 0 auto;
max-width: 100vw;
margin: 0 0;
background: #121212;
position: relative;
overflow: hidden;
@@ -341,13 +359,14 @@ body {
flex-direction: column;
/*justify-content: flex-end;*/
flex: 1;
padding: 15px 0 15px 0;
padding: 15px;
gap: 15px;
overflow-y: scroll;
background: #121212;
}
.message {
margin: 10px 20px;
margin: 0;
padding: 10px 10px;
border-radius: 10px;
background: rgba(30, 30, 30, 0.4);
@@ -499,23 +518,6 @@ body {
background: #444;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
background: #0a0a0a;
color: #e0e0e0;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.signup-container {
width: 100%;
max-width: 480px;
backend/templates/chat.html.tera
+30 -39
View File
@@ -19,7 +19,7 @@
<!-- Live Location Notification Bubble -->
<div class="notification-container">
<div class="live-location-bubble" id="locationBubble">
<!--<div class="live-location-bubble" id="locationBubble">
<div class="map-container">
<img src="cdn/map.png" alt="Map" />
</div>
@@ -32,10 +32,10 @@
</button>
<div class="location-text">Live Location</div>
<div class="location-users" id="locationUsers">
<!-- Users will be added dynamically -->
</div>
</div>
</div>
</div>-->
</div>
<!-- Messages Container -->
@@ -97,39 +97,39 @@
// Toggle location tracking
const locationBubble = document.getElementById("locationBubble");
const joinButton = document.getElementById("joinButton");
let isExpanded = false;
// const locationBubble = document.getElementById("locationBubble");
// const joinButton = document.getElementById("joinButton");
// let isExpanded = false;
locationBubble.addEventListener("click", function (e) {
// Don't toggle expanded state if clicking the join button
if (e.target.id === "joinButton") return;
// locationBubble.addEventListener("click", function (e) {
// // Don't toggle expanded state if clicking the join button
// if (e.target.id === "joinButton") return;
isExpanded = !isExpanded;
this.classList.toggle("expanded", isExpanded);
});
// isExpanded = !isExpanded;
// this.classList.toggle("expanded", isExpanded);
// });
joinButton.addEventListener("click", function (e) {
e.stopPropagation();
currentUserInLocation = !currentUserInLocation;
this.classList.toggle("active", currentUserInLocation);
this.textContent = currentUserInLocation ? "Leave" : "Join";
locationBubble.classList.toggle(
"active",
currentUserInLocation,
);
// joinButton.addEventListener("click", function (e) {
// e.stopPropagation();
// currentUserInLocation = !currentUserInLocation;
// this.classList.toggle("active", currentUserInLocation);
// this.textContent = currentUserInLocation ? "Leave" : "Join";
// locationBubble.classList.toggle(
// "active",
// currentUserInLocation,
// );
// Animate click
this.style.transform = "scale(0.95)";
setTimeout(() => {
this.style.transform = "";
}, 150);
// // Animate click
// this.style.transform = "scale(0.95)";
// setTimeout(() => {
// this.style.transform = "";
// }, 150);
updateLocationUsers();
});
// updateLocationUsers();
// });
// Initialize location users
updateLocationUsers();
// // Initialize location users
// updateLocationUsers();
// Handle message sending
const input = document.querySelector("input");
@@ -162,15 +162,6 @@
messagesContainer.scrollHeight;
}
function getCurrentTime() {
const now = new Date();
return now.toLocaleTimeString("en-GB", {
hour: "numeric",
minute: "2-digit",
hour12: true,
});
}
function sendMessage() {
const message = input.value.trim();
if (message) {