andyburke/autonomous.contact
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feature: try to get chat to actually work

Browse source
This commit is contained in:
Andy Burke 2025-07-11 18:33:32 -07:00
parent 51acbef35f
commit 013e30264f
13 changed files with 1203 additions and 631 deletions
Download patch file Download diff file Expand all files Collapse all files

90
public/base.css
View file

@ -125,6 +125,60 @@ body {
border-right: 4px solid #444;
}
form div {
position: relative;
display: flex;
margin-bottom: 1em;
}
form label {
position: absolute;
top: 10px;
font-size: 30px;
margin: 10px;
padding: 0 10px;
background-color: var(--bg);
-webkit-transition:
top 0.2s ease-in-out,
font-size 0.2s ease-in-out;
transition:
top 0.2s ease-in-out,
font-size 0.2s ease-in-out;
}
form input:focus ~ label,
form input:valid ~ label {
top: -25px;
font-size: 20px;
}
form input {
width: 100%;
padding: 20px;
border: 1px solid var(--text);
font-size: 20px;
background-color: var(--bg);
color: var(--text);
}
form input:focus {
outline: none;
}
form button {
width: 100%;
padding: 20px;
border: 1px solid var(--text);
font-size: 20px;
background-color: var(--bg);
color: var(--text);
margin-top: 1rem;
}
form button.primary {
background-color: var(--accent);
}
button {
background: inherit;
color: inherit;
@ -141,12 +195,14 @@ button.primary {
[data-requires-permission] {
visibility: hidden;
opacity: 0;
height: 0;
}
body[data-perms*="users.write"] [data-requires-permission="users.write"],
body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
visibility: visible;
opacity: 1;
height: unset;
}
/* ICONS */
@ -162,8 +218,42 @@ body[data-perms*="rooms.create"] [data-requires-permission="rooms.create"] {
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 400;
margin: 0 auto;
}
/* ICON - ADD (with box) */
.icon.add {
box-sizing: border-box;
position: relative;
display: block;
width: 22px;
height: 22px;
border: 2px solid;
transform: scale(var(--icon-scale, 1));
border-radius: 4px;
}
.icon.add::after,
.icon.add::before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: 10px;
height: 2px;
background: currentColor;
border-radius: 5px;
top: 8px;
left: 4px;
}
.icon.add::after {
width: 2px;
height: 10px;
top: 4px;
left: 8px;
}
/* ICON - ATTACHMENT */
.icon.attachment {
box-sizing: border-box;