mirror of
https://gitlab.com/MrFry/qmining-page
synced 2025-04-01 20:23:44 +02:00
Added reactions on news items
This commit is contained in:
parent
62b35eac68
commit
64697efc96
10 changed files with 5711 additions and 87 deletions
37
src/components/reactButton.module.css
Normal file
37
src/components/reactButton.module.css
Normal file
|
@ -0,0 +1,37 @@
|
|||
.reactionContainer {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.reactionContainer > input {
|
||||
width: 100%;
|
||||
background-color: var(--background-color);
|
||||
color: var(--text-color);
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
margin: 2px 5px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.reactionContainer > div {
|
||||
margin: 2px 2px;
|
||||
padding: 0px 8px;
|
||||
background-color: #444;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.reactionContainer > div:hover {
|
||||
background-color: #666;
|
||||
}
|
||||
|
||||
.break {
|
||||
flex-basis: 100%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.reacted {
|
||||
color: yellow;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue