Add working DM invites
All checks were successful
Android Build / publish (push) Successful in 47s
Linux Build / publish (push) Successful in 55s

This commit is contained in:
olcxja 2026-05-10 20:55:45 +02:00
commit 588d55abf8
7 changed files with 147 additions and 47 deletions

View file

@ -92,23 +92,7 @@
gap: 1.1rem;
}
.input-group {
display: flex;
flex-direction: column;
gap: 0.2rem;
}
.input-group label {
font-size: 0.75rem;
font-weight: 800;
margin-left: 0.6rem;
margin-bottom: -0.2rem;
opacity: 0.4;
text-transform: uppercase;
letter-spacing: 0.05rem;
position: relative;
z-index: 1;
}
input {
width: 100%;
@ -127,9 +111,7 @@
font-size: 1.05rem;
}
button:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.footer-links {
text-align: center;
@ -160,6 +142,14 @@
text-decoration: underline;
}
.input-group {
display: flex;
flex-direction: column;
gap: 0.2rem;
width: 100%;
}
</style>
</head>
<body>

View file

@ -435,6 +435,16 @@ addDmBtn.addEventListener("click", () => {
<svg xmlns="http://www.w3.org/2000/svg" width="3rem" viewBox="0 -960 960 960" fill="var(--text-color)"><path d="M120-160v-600q0-33 23.5-56.5T200-840h480q33 0 56.5 23.5T760-760v203q-10-2-20-2.5t-20-.5q-10 0-20 .5t-20 2.5v-203H200v400h283q-2 10-2.5 20t-.5 20q0 10 .5 20t2.5 20H240L120-160Zm160-440h320v-80H280v80Zm0 160h200v-80H280v80Zm400 280v-120H560v-80h120v-120h80v120h120v80H760v120h-80ZM200-360v-400 400Z"/></svg>
<herotitle>Add Chat</herotitle>
<p>Add a private, encrypted chat by entering a username</p>
<br>
<div class="input-group">
<label for="addchat-username">Username</label>
<input type="text" id="addchat-username" placeholder="@username:serverhost" class="forminput">
</div>
<div class="input-group">
<button class="submit-button">
Add chat
</button>
</div>
</div>
`
});

View file

@ -297,4 +297,42 @@ fullcontainer {
herotitle {
font-weight: bold;
font-size: 1.6rem;
}
.input-group {
display: flex;
flex-direction: column;
gap: 0.2rem;
width: 80%;
max-width: 30rem;
}
.input-group label {
font-size: 0.75rem;
font-weight: 800;
margin-left: 0.6rem;
margin-bottom: -0.2rem;
opacity: 0.4;
letter-spacing: 0.05rem;
position: relative;
z-index: 1;
}
.submit-button {
justify-content: center;
background-color: var(--text-color);
color: var(--main-bg-color);
font-weight: 800;
border: none;
font-size: 1.05rem;
}
.submit-button:hover {
background-color: rgba(255, 255, 255, 0.5);
}