mirror of
https://github.com/muerwre/muerwre.github.io.git
synced 2025-04-25 02:46:39 +07:00
made mobile layout for bio
This commit is contained in:
parent
a8dd169087
commit
1499203b21
8 changed files with 145 additions and 48 deletions
|
@ -12,18 +12,32 @@
|
|||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup></script>
|
||||
|
||||
<style lang="scss" module>
|
||||
@import "@/assets/css/mixins";
|
||||
|
||||
.header_container {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background: var(--color-background);
|
||||
z-index: 10;
|
||||
backdrop-filter: blur(5px);
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: var(--color-background);
|
||||
z-index: 0;
|
||||
opacity: 0.95;
|
||||
|
||||
@supports (backdrop-filter: blur(5px)) {
|
||||
opacity: 0.85;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header_content {
|
||||
@include container;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue