dan/design
1
0
Fork 0
mirror of https://github.com/danbulant/design synced 2026-07-06 19:40:57 +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; position: relative;
padding: 40px 120px; padding: 40px 120px;
padding: 40px min(120px, 10vw); padding: 40px min(120px, 10vw);
margin: 2rem 1.5rem; margin: 2rem auto;
/* min-height: calc(100vh - 129px - 80px + 5px); */ /* min-height: calc(100vh - 129px - 80px + 5px); */
max-height: 1080px; max-height: 1080px;
max-width: 1500px; max-width: 1500px;
@ -71,7 +71,7 @@
position: absolute; position: absolute;
top: -4rem; top: -4rem;
left: -4rem; left: -4rem;
width: calc(100% + 8rem); width: min((100% + 8rem), 100vw - 4px);
height: calc(100% + 8rem); height: calc(100% + 8rem);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
} }
@ -88,11 +88,6 @@
.bg img { .bg img {
transition: none; transition: none;
} }
}
@media (min-width: 1760px) {
.hero {
margin: 0 auto;
}
} }
@media (max-width: 1100px) { @media (max-width: 1100px) {
.hero { .hero {

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

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

2
src/routes/+page.svelte
View file

@ -50,7 +50,7 @@
Blog Blog
</span> </span>
</Button> </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} {#if selectedPost}
<a href={selectedPost.path}><b>{selectedPost.title}</b></a> <a href={selectedPost.path}><b>{selectedPost.title}</b></a>
{/if} {/if}