YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

modify bootstrap variables instead of hard coded styles

Browse source
This commit is contained in:
axolotle 2021-03-18 13:22:06 +01:00
parent 90b8bff52c
commit b242ff0b18
3 changed files with 17 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/src/scss/_variables.scss
View file

@ -16,7 +16,8 @@
// For exemple, turning rounding of elements off, the bases colors, etc. // For exemple, turning rounding of elements off, the bases colors, etc.
// $enable-rounded: false; // $enable-rounded: false;
$alert-padding-x: 1rem; $font-size-base: 1rem;
$font-weight-bold: 500;
$blue: #2f7ed2; $blue: #2f7ed2;
$purple: #9932cc; $purple: #9932cc;
@ -38,6 +39,15 @@ $lead-font-weight: 200;
$font-family-sans-serif: 'FiraGO', 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default; $font-family-sans-serif: 'FiraGO', 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;
$font-family-monospace: 'Fira Code', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default; $font-family-monospace: 'Fira Code', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default;
$h2-font-size: $font-size-base * 1.5;
$h3-font-size: $font-size-base * 1.4;
$h4-font-size: $font-size-base * 1.25;
$h5-font-size: $font-size-base * 1.1;
$alert-padding-x: 1rem;
$card-spacer-y: .6rem;
$card-spacer-x: 1rem;
@import '~bootstrap/scss/functions.scss'; @import '~bootstrap/scss/functions.scss';
@import '~bootstrap/scss/variables'; @import '~bootstrap/scss/variables';

34
app/src/scss/main.scss
View file

@ -92,36 +92,10 @@ body {
margin-top: 0; margin-top: 0;
} }
.card-header {
padding: 0.6rem 1rem;
}
.card { .card {
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin: 0; margin: 0;
} }
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.4rem;
}
h4 {
font-size: 1.25rem;
}
h5 {
font-size: 1.1rem;
}
}
.card-body {
padding: 1rem;
} }
// collapse icon // collapse icon
@ -146,12 +120,12 @@ body {
} }
} }
code {
background: ghostwhite;
}
.log { .log {
margin-bottom: 0; margin-bottom: 0;
padding: 1rem; padding: 1rem;
background-color: $light; background-color: $light;
} }
code {
background: ghostwhite;
}

4
app/src/views/domain/DomainInfo.vue
View file

@ -20,14 +20,14 @@
<!-- DNS CONFIG --> <!-- DNS CONFIG -->
<p>{{ $t('domain_dns_longdesc') }}</p> <p>{{ $t('domain_dns_longdesc') }}</p>
<b-button variant="light" class="btn-outline-dark" :to="{ name: 'domain-dns', param: { name } }"> <b-button variant="outline-dark" :to="{ name: 'domain-dns', param: { name } }">
<icon iname="globe" /> {{ $t('domain_dns_config') }} <icon iname="globe" /> {{ $t('domain_dns_config') }}
</b-button> </b-button>
<hr> <hr>
<!-- SSL CERTIFICATE --> <!-- SSL CERTIFICATE -->
<p>{{ $t('certificate_manage') }}</p> <p>{{ $t('certificate_manage') }}</p>
<b-button variant="light" class="btn-outline-dark" :to="{ name: 'domain-cert', param: { name } }"> <b-button variant="outline-dark" :to="{ name: 'domain-cert', param: { name } }">
<icon iname="lock" /> {{ $t('ssl_certificate') }} <icon iname="lock" /> {{ $t('ssl_certificate') }}
</b-button> </b-button>
<hr> <hr>