mstar/linstrom
1
0
Fork 0
Code Issues 27 Pull requests Projects Releases Packages 1 Wiki Activity Actions

uhh, lots of things in frontend

Browse source
This commit is contained in:
Melody Becker 2024-09-19 13:50:04 +02:00
parent 76e8b183ca
commit 2d58312aa0
17 changed files with 30294 additions and 27939 deletions
Download patch file Download diff file Expand all files Collapse all files

87
frontend-reactive/app/styles/notes.css Normal file
View file

@ -0,0 +1,87 @@
.note {
display: flex;
flex-direction: column;
width: fit-content;
height: fit-content;
/* align-items: center; */
border: 1px dashed green;
max-width: 50em;
padding: 0.5em;
background-color: #eee;
}
.note-user-header {
display: flex;
flex-direction: row;
border: 2px solid black;
width: fit-content;
padding-right: 0.5em;
}
.note-user-pfp {
border: 1px dashed red;
width: 3em;
height: 3em;
padding-bottom: 0.1em;
text-align: center;
}
.note-user-name-and-handle {
display: flex;
flex-direction: column;
/* align-items: center; */
padding: 0.2em;
}
.note-user-displayname {
padding-top: 0.1em;
margin: 0.1em;
}
.note-user-handle {
font-size: 85%;
color: #555;
margin: 0;
}
.note-timestamps-container {
padding-top: 0.2em;
padding-bottom: 0.2em;
}
.note-timestamp {
font-size: 0.8em;
margin: -0.1em;
color: gray;
}
.note-content {
display: flex;
flex-direction: column;
width: fit-content;
align-items: center;
border: 1px dashed red;
}
.note-content-text {
border: 1px dashed red;
margin-top: -0.08em;
margin-bottom: -0.08em;
padding: 0.2em;
}
.note-content-toggle {
margin-top: 0.3em;
margin-bottom: 0.3em;
cursor: default;
background-color: #ccc;
padding: 0.1em 0.3em 0.2em;
border-radius: 8px;
border: 1px solid #aaa;
}
.note-content-toggle:hover {
background-color: #aaa;
}