denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

alt banner now has max width

Browse Source
This commit is contained in:
denizk0461
2025-04-18 13:57:24 +02:00
parent 9e582615fc
commit 5b24ab0726
2 changed files with 19 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/lib/banner-title-alt.svelte
View File

@@ -14,14 +14,16 @@
</script>
<div class="container">
<div class="img-container">
<img src="{banner}">
</div>
<div class="text-container">
<h1 class="title">{title}</h1>
{#if subtitle}
<p class="subtitle">{subtitle}</p>
{/if}
<div class="subcontainer">
<div class="img-container">
<img src="{banner}">
</div>
<div class="text-container">
<h1 class="title">{title}</h1>
{#if subtitle}
<p class="subtitle">{subtitle}</p>
{/if}
</div>
</div>
</div>
@@ -29,12 +31,17 @@
<style>
.container {
position: relative;
width: 100%;
background-color: var(--color-background-highlight);
}
.subcontainer {
max-width: 1600px;
height: 600px;
display: flex;
flex-direction: row;
background-color: var(--color-background-highlight);
margin-left: auto;
margin-right: auto;
}
.img-container {