web: adjust some styles

This commit is contained in:
Tulir Asokan 2024-10-16 11:18:41 +03:00
parent ee88489a9b
commit 0bbb84c6d1
7 changed files with 6 additions and 11 deletions

View file

@ -3,6 +3,8 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #EEE; background-color: #EEE;
line-height: 1.5;
font-size: 16px;
} }
#root { #root {
@ -21,6 +23,8 @@ pre, code {
button { button {
cursor: pointer; cursor: pointer;
font-size: 1em; font-size: 1em;
background: none;
border: none;
} }
:root { :root {

View file

@ -17,8 +17,6 @@ div.overlay {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: none;
border: none;
color: #ccc; color: #ccc;
width: 48px; width: 48px;
height: 48px; height: 48px;

View file

@ -16,8 +16,6 @@ div.message-composer {
> button { > button {
padding: .5rem; padding: .5rem;
border: none;
background: none;
} }
} }
} }

View file

@ -13,7 +13,7 @@ div.room-view {
display: flex; display: flex;
align-items: center; align-items: center;
gap: .5rem; gap: .5rem;
margin-left: .5rem; padding-left: .5rem;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
> span.room-name { > span.room-name {
@ -21,8 +21,6 @@ div.room-view {
} }
> button.back { > button.back {
background: none;
border: none;
height: 2.5rem; height: 2.5rem;
width: 2.5rem; width: 2.5rem;
padding: 0; padding: 0;

View file

@ -51,7 +51,6 @@ main.matrix-login {
background-color: var(--primary-color); background-color: var(--primary-color);
color: white; color: white;
font-weight: bold; font-weight: bold;
border: none;
&:hover, &:focus { &:hover, &:focus {
background-color: var(--primary-color-dark); background-color: var(--primary-color-dark);

View file

@ -37,8 +37,6 @@ blockquote.reply-body {
display: flex; display: flex;
margin-left: auto; margin-left: auto;
align-items: center; align-items: center;
background: none;
border: none;
border-radius: .25rem; border-radius: .25rem;
padding: 0; padding: 0;

View file

@ -78,7 +78,7 @@ div.timeline-event {
grid-template: grid-template:
"timestamp content status" auto "timestamp content status" auto
/ 3rem 1fr 2rem; / 3rem 1fr 2rem;
margin-top: .25rem; margin-top: 0;
> div.sender-avatar, > div.event-sender-and-time { > div.sender-avatar, > div.event-sender-and-time {
display: none; display: none;