SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: 💄 minor UI adjustments

Browse source
This commit is contained in:
Sebin Nyshkim 2020-08-26 21:04:34 +02:00
parent 9df8c71dbd
commit 0c5f903223
2 changed files with 3 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/Header.vue
View file

@ -3,7 +3,7 @@
<div class="nsfw-bar"> <div class="nsfw-bar">
<div class="nsfw-bar__content"> <div class="nsfw-bar__content">
<div> <div>
This Page contains materials considered NSFW. Do you wish to see such This page contains materials considered NSFW. Do you wish to see such
content? content?
</div> </div>
<nsfw-switch /> <nsfw-switch />
@ -61,10 +61,6 @@ export default {
<style lang="scss"> <style lang="scss">
@import "@scss/_variables.scss"; @import "@scss/_variables.scss";
header {
background-color: $bg-color-dark;
}
.header { .header {
max-width: 40em; max-width: 40em;
margin: 1em auto; margin: 1em auto;

5
src/components/Navbar.vue
View file

@ -69,6 +69,8 @@ export default {
.nav { .nav {
&--fixed .nav__list { &--fixed .nav__list {
backdrop-filter: blur(1em);
background-color: rgba($bg-color-dark, 0.5);
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -77,14 +79,11 @@ export default {
} }
.nav__list { .nav__list {
background-color: $bg-color-light;
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
// box-shadow: 0em 0.75em 1.25em -1em #444;
z-index: 1; z-index: 1;
overflow: auto; overflow: auto;