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

.

Browse Source
This commit is contained in:
Robert Jagtiani
2024-12-02 20:19:32 +01:00
parent 4d0f681e59
commit a058150bf4
10 changed files with 68 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/design/content/banner-saeule.svelte
View File

@@ -40,7 +40,7 @@
<div class="saeule">
<div class="blue-top">
<img class="" src="/images/right-sidebar/UMBE_wohngebaeude-weiss.svg" alt="Wohnhaus Bedarfsausweis"/>
<div class="name">Bedarfssausweis<br>Gewerbe</div>
<div class="name">Bedarfssausweis<br>Wohngebäude</div>
</div>
<div class="white box">

8
src/components/design/header/Header.astro
View File

@@ -40,17 +40,17 @@ xl:grid-cols-[1fr_minmax(450px,450px)] xl:gap-4 xl:px-5 xl:py-4
<div class="w-full justify-self-center lg:w-fit lg:self-stretch lg:justify-self-start grid grid-cols-[auto_auto] gap-6 pt-[0px]">
<div class="w-full justify-self-center lg:w-fit lg:self-stretch lg:justify-self-start grid grid-cols-[110px_auto] gap-6 pt-[0px]">
<div class="self-start justify-self-start">
<a href="/index_1">
<img class="w-full max-w-[75px]"
<a href="/">
<img class="w-full absolute top-2 left-6 max-w-[94px]"
src="/images/header/logo-IBC-big.svg" alt="IBCornelsen-Logo"/>
</a>
</div>
<div class="self-stretch justify-self-start">
<div class="self-center justify-self-start mt-[10px]">
<div class="text-secondary
lg:[font-size:_clamp(15px,3vw,26px)]
lg:leading-[2rem]

29
src/components/design/sidebars/cards/card-navigation.svelte
View File

@@ -111,10 +111,10 @@ if(innerWidth>1024){
{#if innerWidth < 1023}
<li><a href="{'#'}">Energieausweis erstellen</a></li>
{/if}
<li><a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/">Verbrauchsausweis erstellen</a></li>
<li><a href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/">Bedarfsausweis erstellen</a></li>
<li><a href="/energieausweis-erstellen/verbrauchsausweis-gewerbe/">Verbrauchsausweis Gewerbe erstellen</a></li>
<li><a href="/energieausweis-erstellen/bedarfsausweis-gewerbe/">Bedarfsausweis Gewerbe erstellen</a></li>
<li class="disc2"><a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/">Verbrauchsausweis erstellen</a></li>
<li class="disc2"><a href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/">Bedarfsausweis erstellen</a></li>
<li class="disc2"><a href="/energieausweis-erstellen/verbrauchsausweis-gewerbe/">Verbrauchsausweis Gewerbe erstellen</a></li>
<li class="disc2"><a href="/energieausweis-erstellen/bedarfsausweis-gewerbe/">Bedarfsausweis Gewerbe erstellen</a></li>
</ul>
</div>
@@ -165,9 +165,9 @@ if(innerWidth>1024){
{#if innerWidth < 1023}
<li><a href="index">Energieausweis</a></li>
{/if}
<li class=""><a href="index">Energieausweis Pflicht</a></li>
<li class=""><a href="index">Energieausweis Kosten</a></li>
<li class=""><a href="index">Energieausweis Haus</a></li>
<li><a href="index">Energieausweis Pflicht</a></li>
<li><a href="index">Energieausweis Kosten</a></li>
<li><a href="index">Energieausweis Haus</a></li>
</ul>
</div>
@@ -191,7 +191,20 @@ if(innerWidth>1024){
</nav>
<style>
<style lang="scss">
.nav-element-child{@apply before:bg-primary/50 before:rotate-[45deg];}
.nav-element-child:hover{@apply before:bg-white;}
.nav-element-child:before{
position:absolute;
content:' ';
top:22px;
left:10px;
width:5px;
height:5px;
border-radius:0%;
}
.dd-symbol::before{
content:'❯';

14
src/layouts/AusweisLayout.astro
View File

@@ -88,7 +88,7 @@ const { title } = Astro.props;
</body>
</html>
<style is:global>
<style is:global lang="scss">
body {
min-height: 100vh;
}
@@ -130,8 +130,16 @@ article {
}
.button {
@apply px-8 py-2 bg-secondary rounded-lg text-white font-medium hover:shadow-lg transition-all hover:underline active:bg-blue-900 text-center;
color: #fff !important;
@apply px-8 py-2 bg-secondary
hover:bg-gradient-to-br from-secondary to-secondary-grad
rounded-lg text-white
hover:shadow-lg transition-all
hover:no-underline
hover:ring-2
hover:ring-primary
active:bg-blue-900 text-center;
}
h3 {

12
src/modules/Ausweise/VerbrauchsausweisWohnenModule.svelte
View File

@@ -566,16 +566,4 @@
</RawNotificationWrapper>
<style>
:global(input[type="number"]),
:global(input[type="text"]) {
@apply input input-bordered py-1.5 px-2 h-auto;
}
:global(input[type="number"]:disabled) {
@apply bg-gray-200 border border-gray-300;
}
:global(.linked) {
@apply border-2 border-red-400;
}
</style>

2
src/pages/index.astro
View File

@@ -8,7 +8,7 @@ import BannerPrice from "#content/banner-saeule.svelte";
<h1>Unsere Ausweise im Detail:</h1>
<BannerPrice client:load />
<!-- <BannerPrice client:load /> -->
</Layout>

17
src/style/formular.css
View File

@@ -23,4 +23,19 @@
rgba(253, 235, 189, 1) 52%,
rgba(251, 223, 147, 1) 100%
); */
}
}
/*
:global(input[type="number"]),
:global(input[type="text"]) {
@apply input input-bordered py-1.5 px-2 h-auto;
}
:global(input[type="number"]:disabled) {
@apply bg-gray-200 border border-gray-300;
}
:global(.linked) {
@apply border-2 border-red-400;
}
*/

2
src/style/global.css
View File

@@ -129,7 +129,7 @@ article {
li {@apply text-sm bg-white flex
xl:text-lg}
li a {@apply w-full text-sm px-6 py-3 rounded-none no-underline text-white hover:text-white bg-secondary
li a {@apply w-full text-sm px-6 py-3 rounded-none no-underline text-white hover:text-white hover:bg-gradient-to-br from-secondary to-secondary-grad
lg:px-4 lg:bg-[#efefef] lg:text-black lg:hover:bg-secondary
xl:text-lg}