discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Article footer controls style fixes

Browse Source
This commit is contained in:
kvakazyambra 2023-05-20 16:44:33 +03:00
parent fe7262dda6
commit 22b0a89755
2 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Article/Article.module.scss
View File

@ -98,6 +98,17 @@ img {
font-size: 1.5rem; font-size: 1.5rem;
font-weight: normal; font-weight: normal;
} }
:global(.button--subscribe) {
font-size: 1rem;
height: 3.2rem;
padding: 0.4rem;
width: 3.2rem;
img {
width: 1.6rem;
}
}
} }
.writeComment { .writeComment {
@ -144,13 +155,16 @@ img {
.shoutStatsItem { .shoutStatsItem {
@include font-size(1.5rem); @include font-size(1.5rem);
font-weight: 500; font-weight: 500;
display: inline-block; display: inline-block;
margin: 0 3.2rem 1em 0; margin: 0 6% 1em 0;
vertical-align: baseline; vertical-align: baseline;
cursor: pointer; cursor: pointer;
@include media-breakpoint-up(sm) {
margin-right: 3.2rem;
}
.icon { .icon {
height: 1.6em; height: 1.6em;
display: inline-block; display: inline-block;

18
src/styles/app.scss
View File

@ -221,28 +221,14 @@ button {
.button--subscribe { .button--subscribe {
background: #fff; background: #fff;
border: 2px solid #f6f6f6; border: 2px solid #f6f6f6;
font-size: 1rem; font-size: 1.5rem;
height: 3.2rem;
justify-content: center; justify-content: center;
padding: 0.4rem; padding: 0.6rem 1.2rem;
transition: background-color 0.2s; transition: background-color 0.2s;
width: 3.2rem;
@include media-breakpoint-up(sm) {
font-size: 1.5rem;
height: auto;
padding: 0.6rem 1.2rem;
width: auto;
}
img { img {
height: auto; height: auto;
transition: filter 0.2s; transition: filter 0.2s;
width: 1.6rem;
@include media-breakpoint-up(sm) {
width: auto;
}
} }
&:hover { &:hover {