KayFaraday
/
Zaimki
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ukraine solidarity banner - fixes

This commit is contained in:
Andrea 2022-05-07 15:16:44 -05:00
parent 767cf5a643
commit 1fc557d412
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/UkraineBanner.vue
View File

@ -6,18 +6,26 @@
</div> </div>
</template> </template>
<style lang="scss"> <style lang="scss">
@import "assets/variables"; @import "assets/variables";
$ukraine-blue: #025abc;
$ukraine-golden: #fed602;
.ukraine-banner { .ukraine-banner {
background-color: #025abc; background-color: $ukraine-blue;
background: linear-gradient(90deg, #025abc 40%, #fed602 60%); background: linear-gradient(90deg, $ukraine-blue 40%, $ukraine-golden 60%);
color: white; color: $white;
text-shadow: 2px 2px 2px rgba($black, .5);
a { a {
color: $white; color: $white;
text-decoration: underline; text-decoration: underline;
} }
} }
body[data-theme="dark"] .ukraine-banner a {
color: $white;
text-decoration: underline;
}
</style> </style>

3
routes/homepage.vue
View File

@ -1,9 +1,8 @@
<template> <template>
<div> <div>
<UkraineBanner class="mb-4"/>
<template v-if="$te('home.welcome')"> <template v-if="$te('home.welcome')">
<section> <section>
<UkraineBanner class="mb-4"/>
<h2> <h2>
<T>home.welcome</T> <T>home.welcome</T>
</h2> </h2>