Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - add border radius on input and button

Browse Source
This commit is contained in:
Sam 2021-08-18 17:13:54 +02:00
parent 8247751281
commit 064a7f66c8
4 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
fittrackee_client/src/components/Common/AlertMessage.vue
View File

@ -28,7 +28,7 @@
background: var(--alert-background-color); background: var(--alert-background-color);
color: var(--alert-color); color: var(--alert-color);
border-radius: 4px; border-radius: $border-radius;
margin: $default-margin; margin: $default-margin;
padding: $default-padding; padding: $default-padding;

2
fittrackee_client/src/components/Common/Card.vue
View File

@ -21,7 +21,7 @@
.card { .card {
border: solid 1px var(--card-border-color); border: solid 1px var(--card-border-color);
border-radius: 4px; border-radius: $border-radius;
margin: $default-margin; margin: $default-margin;
padding: $default-padding $default-padding * 2; padding: $default-padding $default-padding * 2;
} }

4
fittrackee_client/src/scss/base.scss
View File

@ -24,7 +24,7 @@ a {
} }
input { input {
border-radius: 0; border-radius: $border-radius;
border: solid 1px var(--input-border-color); border: solid 1px var(--input-border-color);
&:disabled { &:disabled {
@ -40,7 +40,7 @@ label {
button { button {
background: var(--app-background-color); background: var(--app-background-color);
border: solid 1px var(--app-color); border: solid 1px var(--app-color);
border-radius: 0; border-radius: $border-radius;
box-shadow: 2px 2px 2px var(--app-shadow-color); box-shadow: 2px 2px 2px var(--app-shadow-color);
color: var(--app-color); color: var(--app-color);
padding: 6px 14px; padding: 6px 14px;

2
fittrackee_client/src/scss/vars.scss
View File

@ -16,3 +16,5 @@ $app-height: calc(100vh - 130px);
*/ */
$default-padding: 10px; $default-padding: 10px;
$default-margin: $default-padding; $default-margin: $default-padding;
$border-radius: 4px;