Arsharth/hydrogen-web
1
0
Fork 0
forked from mystiq/hydrogen-web
Code Issues Pull requests Packages Projects Releases Wiki Activity

tweak font-sizes to what element web has

Browse source
This commit is contained in:
Bruno Windels 2020-08-19 08:32:25 +02:00
parent b68a782f10
commit 9d260c692b
2 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/ui/web/css/themes/element/theme.css
View file

@ -17,12 +17,16 @@ limitations under the License.
@import url('inter.css'); @import url('inter.css');
:root {
font-size: 10px;
}
.hydrogen { .hydrogen {
font-family: 'Inter', sans-serif, 'emoji'; font-family: 'Inter', sans-serif, 'emoji';
font-size: 15px;
background-color: white; background-color: white;
color: #2e2f32; color: #2e2f32;
font-size: 1.4rem;
--usercolor1: #368BD6; --usercolor1: #368BD6;
--usercolor2: #AC3BA8; --usercolor2: #AC3BA8;
--usercolor3: #03B381; --usercolor3: #03B381;
@ -136,6 +140,7 @@ button.styled {
.LeftPanel { .LeftPanel {
background: rgba(245, 245, 245, 0.90); background: rgba(245, 245, 245, 0.90);
font-size: 1.5rem;
} }
.LeftPanel ul { .LeftPanel ul {
@ -228,6 +233,10 @@ a {
padding: 10px; padding: 10px;
} }
.RoomHeader h2 {
font-size: 1.8rem;
}
.RoomHeader button { .RoomHeader button {
width: 40px; width: 40px;
height: 40px; height: 40px;
@ -297,7 +306,6 @@ a {
.message-container .sender { .message-container .sender {
margin: 5px 0; margin: 5px 0;
font-size: 0.9em;
font-weight: bold; font-weight: bold;
} }
@ -333,7 +341,6 @@ a {
margin: 0 auto; margin: 0 auto;
padding: 10px 20px; padding: 10px 20px;
background-color: rgba(245, 245, 245, 0.90); background-color: rgba(245, 245, 245, 0.90);
font-size: 0.9em;
text-align: center; text-align: center;
border-radius: 10px; border-radius: 10px;
} }

2
src/ui/web/css/timeline.css
View file

@ -35,8 +35,6 @@ limitations under the License.
.message-container .sender { .message-container .sender {
margin: 5px 0; margin: 5px 0;
font-size: 0.9em;
font-weight: bold;
} }
.message-container a { .message-container a {