Add working DM invites
This commit is contained in:
parent
0dcebcb9fc
commit
588d55abf8
7 changed files with 147 additions and 47 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
`
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue