AkkomaGang/akkoma-fe
4
13
Fork 56
Code Issues 74 Pull requests 14 Projects Releases 1 Wiki Activity

Unify button styles and use min-width

Browse source 
This seemed to be the same across multiple components anyway.

Switched to min-width to allow for buttons with longer text, e.g.
from other languages.
This commit is contained in:
Ole Bertram 2018-07-04 13:49:20 +02:00
parent fdc64cfa8a
commit 8f79193883
No known key found for this signature in database
GPG key ID: E1B751CB4B7F8D28
4 changed files with 2 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/App.scss
View file

@ -63,6 +63,8 @@ button{
box-shadow: 0px 0px 2px black; box-shadow: 0px 0px 2px black;
font-size: 14px; font-size: 14px;
font-family: sans-serif; font-family: sans-serif;
min-width: 10em;
min-height: 2em;
&:hover { &:hover {
box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.3); box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.3);

5
src/components/login_form/login_form.vue
View file

@ -34,11 +34,6 @@
@import '../../_variables.scss'; @import '../../_variables.scss';
.login-form { .login-form {
.btn {
min-height: 28px;
width: 10em;
}
.error { .error {
text-align: center; text-align: center;
} }

4
src/components/post_status_form/post_status_form.vue
View file

@ -124,10 +124,6 @@
padding: 0.5em; padding: 0.5em;
height: 32px; height: 32px;
button {
width: 10em;
}
p { p {
margin: 0.35em; margin: 0.35em;
padding: 0.35em; padding: 0.35em;

2
src/components/settings/settings.vue
View file

@ -83,8 +83,6 @@
.btn { .btn {
margin-top: 1em; margin-top: 1em;
min-height: 28px;
width: 10em;
} }
} }
.setting-list { .setting-list {