IBCornelsen/online-energieausweis
1
0
Fork 0
Code Issues 272 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Immowelt

Browse Source
This commit is contained in:
Jens Cornelsen
2025-02-09 18:05:38 +01:00
parent cd7297b6f2
commit a921e8286a
2 changed files with 13 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/design/header/AusweisHeaderImmowelt.astro
View File

@@ -21,37 +21,27 @@ xs:grid-cols-[max-content,1fr] xs:gap-x-2 xs:px-4
md:gap-y-4 md:gap-y-4
lg:px-0 lg:gap-x-4"> lg:px-0 lg:gap-x-4">
<div class="self-center justify-self-center ml-4 mb-2"> <div class="ml-4 mb-2 mt-2 mr-4">
<a href="/"> <a href="/">
<img id="header-logo" class="w-full <img id="header-logo" class="w-109
xs:max-w-[150px] xs:max-w-[109px]
sm:max-w-[150px] sm:max-w-[109px]
md:max-w-[150px] md:ml-6 md:max-w-[109px] md:ml-6
lg:max-w-[150px] lg:ml-0 lg:max-w-[109px] lg:ml-0
xl:max-w-[150px] xl:ml-0 xl:max-w-[109px] xl:ml-0
" "
src="/images/header/logo_immowelt.svg" alt="Immowelt-Logo"/> src="/images/header/logo_immowelt.svg" alt="Immowelt-Logo"/>
</a> </a>
</div> </div>
<div class="self-center justify-self-center md:justify-self-start xs:mt-[20px] md:mt-[18px]"> <div class="text-center md:justify-self-start xs:mt-[20px] md:mt-[18px]">
<div id="header-text-2" class="text-color:#303038ff justify-self-center
<div id="header-text-1"class="text-secondary justify-self-center
xs:[font-size:_clamp(15px,5vw,36px)] xs:justify-self-start xs:leading-[36px]
lg:[font-size:_clamp(15px,3vw,26px)]
lg:leading-[2rem]
xl:[font-size:_clamp(15px,3vw,36px)]
xl:leading-[4.5rem] pt-[0px]">
</div>
<div id="header-text-2"class="text-primary justify-self-center
xs:[font-size:_clamp(15px,4vw,28px)] xs:justify-self-start xs:leading-[20px] xs:[font-size:_clamp(15px,4vw,28px)] xs:justify-self-start xs:leading-[20px]
lg:[font-size:_clamp(15px,3vw,20px)] lg:[font-size:_clamp(15px,3vw,20px)]
lg:leading-[2rem] lg:leading-[2rem]
xl:[font-size:_clamp(15px,3vw,24px)] xl:[font-size:_clamp(15px,3vw,24px)]
xl:leading-[0.5rem]"> xl:leading-[0.5rem]">
Hier komfortabel und einfach online den <b>Verbrauchsausweis Wohnen</b> bestellen
</div> </div>
</div> </div>
</div> </div>
@@ -73,8 +63,8 @@ lg:px-0 lg:gap-x-4">
</div> </div>
<div class="col-start-1 col-span-3"> <div class="col-start-1 col-span-3">
<div id="header-line" class="px-2 flex flex-row w-full justify-end items-center bg-immowelt-gelb <div id="header-line" class="px-2 flex flex-row w-full justify-end items-center bg-gray-200 h-[30px]
lg:h-[8px] xl:h-[8px]"></div> lg:h-[30px] xl:h-[30px]"></div>
</div> </div>
</header> </header>

2
tailwind.config.cjs
View File

@@ -52,7 +52,7 @@ module.exports = {
"pdf-yellow-light": "#fff6ca", "pdf-yellow-light": "#fff6ca",
"immowelt-gelb": "#ffcc00ff", "immowelt-gelb": "#ffcc00ff",
"immowelt-grau": "#303038ff",
}, },
boxShadow: { boxShadow: {
'box': '3px 3px 6px rgba(0, 0, 0, 0.1)', 'box': '3px 3px 6px rgba(0, 0, 0, 0.1)',