dan/design
1
0
Fork 0
mirror of https://github.com/danbulant/design synced 2026-06-19 06:11:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

mobile related changes

Browse source
This commit is contained in:
Daniel Bulant 2023-03-04 19:41:53 +01:00
parent 68f44f90f7
commit d021622432
3 changed files with 3 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/lib/components/hero.svelte
View file

@ -41,7 +41,7 @@
position: relative;
padding: 40px 120px;
padding: 40px min(120px, 10vw);
margin: 2rem 1.5rem;
margin: 2rem auto;
/* min-height: calc(100vh - 129px - 80px + 5px); */
max-height: 1080px;
max-width: 1500px;
@ -71,7 +71,7 @@
position: absolute;
top: -4rem;
left: -4rem;
width: calc(100% + 8rem);
width: min((100% + 8rem), 100vw - 4px);
height: calc(100% + 8rem);
backdrop-filter: blur(20px);
}
@ -88,11 +88,6 @@
.bg img {
transition: none;
}
}
@media (min-width: 1760px) {
.hero {
margin: 0 auto;
}
}
@media (max-width: 1100px) {
.hero {

2
src/lib/components/navbar.svelte
View file

@ -34,8 +34,6 @@
.bar {
background: rgba(255,255,255, 0.2);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.bar .subbar > * {
margin: 5px 10px;

2
src/routes/+page.svelte
View file

@ -50,7 +50,7 @@
Blog
</span>
</Button>
<div class="right p-4 border-l-2 border-l-white/20">
<div class="right md:inline-block hidden p-4 border-l-2 border-l-white/20">
{#if selectedPost}
<a href={selectedPost.path}><b>{selectedPost.title}</b></a>
{/if}