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

Design stuff shit

Browse source
This commit is contained in:
Melody Becker 2024-09-23 09:18:35 +02:00
parent 5dbf3d9af2
commit 23aefa268a
35 changed files with 5846 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

47
frontend-reactive/app/styles/notes.css
View file

@ -5,7 +5,7 @@
height: fit-content;
/* align-items: center; */
border: 1px dashed green;
border: 1px dashed red;
max-width: 50em;
padding: 0.5em;
background-color: #eee;
@ -75,7 +75,7 @@
.note-content-toggle {
margin-top: 0.3em;
margin-bottom: 0.3em;
cursor: default;
cursor: pointer;
background-color: #ccc;
padding: 0.1em 0.3em 0.2em;
border-radius: 8px;
@ -85,3 +85,46 @@
.note-content-toggle:hover {
background-color: #aaa;
}
.note-interactions-wrapper {
display: flex;
flex-direction: row;
}
.note-interactions-interaction-button {
display: flex;
flex-direction: row;
padding-right: 1em;
align-items: center;
border: 1px solid #aaa;
padding: 0.3em;
border-radius: 8px;
margin-right: 0.5em;
margin-top: 0.2em;
cursor: pointer;
}
.note-interactions-interaction-icon {
height: 2.5ex;
padding-right: 0.2em;
width: 100%;
}
.note-interactions-interaction-counter {
font-weight: bolder;
margin-top: -0.08em;
margin-bottom: -0.08em;
}
.note-interactions-interactions-button-like {
display: flex;
flex-direction: row;
}
.note-interactions-interactions-button-custom {
border-left: 1px black solid;
margin-left: 0.3em;
padding-left: 0.3em;
padding-top: 0.2em;
margin-bottom: -0.1em;
}