IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2026-01-20 20:01:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change height of process bar and button to small

Browse Source
This commit is contained in:
Wolfgang Huß 2021-04-15 13:17:49 +02:00
parent d40dd94868
commit 9c9b6d5aa5
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webapp/components/DonationInfo/DonationInfo.vue
View File

@ -2,7 +2,7 @@
<div class="donation-info">
<progress-bar :title="computedTitle" :label="label" :goal="goal" :progress="progress">
<a target="_blank" :href="links.DONATE">
<base-button filled>{{ $t('donations.donate-now') }}</base-button>
<base-button size="small" filled>{{ $t('donations.donate-now') }}</base-button>
</a>
</progress-bar>
</div>

9
webapp/components/ProgressBar/ProgressBar.vue
View File

@ -53,12 +53,14 @@ export default {
<style lang="scss">
.progress-bar-component {
height: 100%;
position: relative;
// width: 150px;
// width: 100%;
// flex: 0 0 100%;
// align-self: stretch;
flex: 1;
display: flex;
top: $space-xx-small;
// margin-right: $space-x-small;
// @media (max-width: 680px) {
@ -109,7 +111,7 @@ export default {
.progress-bar__goal {
position: relative;
height: 36px; // styleguide-button-size
height: 26px; // styleguide-button-size
// Wolle width: 100%;
border: 1px solid $color-primary;
// Wolle background-color: $color-neutral-100;
@ -122,7 +124,7 @@ export default {
position: absolute;
top: 0px;
left: 0px;
height: 36px; // styleguide-button-size
height: 26px; // styleguide-button-size
max-width: 100%;
// Wolle background-color: $color-yellow;
// background: repeating-linear-gradient(60deg, $color-primary-light, $color-primary-light 35px, $color-primary 35px, $color-primary 70px);
@ -144,7 +146,7 @@ export default {
position: absolute;
top: 0px;
left: 0px;
height: 36px; // styleguide-button-size
height: 26px; // styleguide-button-size
max-width: 100%;
display: inline-flex;
align-items: center;
@ -169,6 +171,7 @@ export default {
}
.progress-bar-button {
position: relative;
float: right;
}
</style>