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

Säulen wieder sichtbar

Browse Source
This commit is contained in:
Robert Jagtiani
2024-12-02 00:23:03 +01:00
parent 5c30dbe050
commit 0579ffc854
5 changed files with 108 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
package.json
View File

@@ -35,6 +35,7 @@
"body-scroll-lock": "^4.0.0-beta.0", "body-scroll-lock": "^4.0.0-beta.0",
"buffer": "^6.0.3", "buffer": "^6.0.3",
"bun": "^1.1.34", "bun": "^1.1.34",
"caniuse-lite": "^1.0.30001684",
"csvtojson": "^2.0.10", "csvtojson": "^2.0.10",
"express": "^4.21.1", "express": "^4.21.1",
"flag-icons": "^6.15.0", "flag-icons": "^6.15.0",
@@ -44,10 +45,10 @@
"i18next-http-backend": "^2.6.2", "i18next-http-backend": "^2.6.2",
"js-cookie": "^3.0.5", "js-cookie": "^3.0.5",
"js-interpolate": "^1.0.1", "js-interpolate": "^1.0.1",
"postcss-nested": "^7.0.2",
"katex": "^0.16.11", "katex": "^0.16.11",
"moment": "^2.30.1", "moment": "^2.30.1",
"moment-timezone": "^0.5.46", "moment-timezone": "^0.5.46",
"postcss-nested": "^7.0.2",
"radix-svelte-icons": "^1.0.0", "radix-svelte-icons": "^1.0.0",
"sass": "^1.80.6", "sass": "^1.80.6",
"svelte": "^3.59.2", "svelte": "^3.59.2",

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

@@ -99,16 +99,17 @@ if(innerWidth>1024){
<nav id="card-navigation" class="card-navigation hidden box ring-2 ring-primary/50 rounded-tr-none lg:block"> <nav id="card-navigation" class="card-navigation hidden box ring-2 ring-primary/50 rounded-tr-none lg:block">
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}> <div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
{#if innerWidth > 1023} {#if innerWidth > 1023}
<a href="" class="nav-element-child xl:rounded-t-[.75rem] lg:rounded-t-lg xl:rounded-t-xl " >Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a> <a href="{'#'}" class="nav-element-child lg:rounded-t-lg xl:rounded-t-xl " >Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
{:else} {:else}
<a href="javascript:void(0)" class="nav-element-child xl:rounded-t-[.75rem]">Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a> <a href={undefined} class="nav-element-child xl:rounded-t-[.75rem]">Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
{/if} {/if}
<ul class="dropdown-content energieasusweis-erstellen"> <ul class="dropdown-content energieasusweis-erstellen">
{#if innerWidth < 1023} {#if innerWidth < 1023}
<li><a href="">Energieausweis erstellen</a></li> <li><a href="{'#'}">Energieausweis erstellen</a></li>
{/if} {/if}
<li><a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/">Verbrauchsausweis erstellen</a></li> <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/bedarfsausweis-wohngebaeude/">Bedarfsausweis erstellen</a></li>
@@ -121,8 +122,9 @@ if(innerWidth>1024){
<a class="no-dropdown nav-element-child" href="/welcher-energieausweis">Welcher Energieausweis?</a> <a class="no-dropdown nav-element-child" href="/welcher-energieausweis">Welcher Energieausweis?</a>
</div> </div>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}> <div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
<a href="javascript:void(0)" class="nav-element-child">Verbrauchsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a> <a href={undefined} class="nav-element-child">Verbrauchsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
<ul class="dropdown-content verbrauchsausweis"> <ul class="dropdown-content verbrauchsausweis">
{#if innerWidth < 1023} {#if innerWidth < 1023}
<li><a href="index">Verbrauchsausweis</a></li> <li><a href="index">Verbrauchsausweis</a></li>
@@ -137,8 +139,9 @@ if(innerWidth>1024){
<li><a href="index">Statistiken zum Verbrauchsausweis Gewerbe</a></li> <li><a href="index">Statistiken zum Verbrauchsausweis Gewerbe</a></li>
</div> </div>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}> <div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
<a href="javascript:void(0)" class="nav-element-child">Bedarfsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a> <a href={undefined} class="nav-element-child">Bedarfsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
<ul class="dropdown-content bedarfsausweis"> <ul class="dropdown-content bedarfsausweis">
{#if innerWidth < 1023} {#if innerWidth < 1023}
<li><a href="index">Bedarfsausweis</a></li> <li><a href="index">Bedarfsausweis</a></li>
@@ -155,8 +158,9 @@ if(innerWidth>1024){
</div> </div>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}> <div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
<a href="javascript:void(0)" class="nav-element-child">Energieausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a> <a href={undefined} class="nav-element-child">Energieausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
<ul class="dropdown-content energieausweis"> <ul class="dropdown-content energieausweis">
{#if innerWidth < 1023} {#if innerWidth < 1023}
<li><a href="index">Energieausweis</a></li> <li><a href="index">Energieausweis</a></li>

2
src/pages/index.astro
View File

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

2
src/style/global.css
View File

@@ -104,7 +104,7 @@ article {
} }
.nav-element:hover > .dropdown-content{ .nav-element:hover > .dropdown-content{
@apply lg:visible lg:opacity-100 lg:block lg:ml-[2px] @apply lg:visible lg:opacity-100 lg:block lg:ml-[calc(100%+2px)]
} }
.nav-element:hover:first-child > .nav-element-child{ .nav-element:hover:first-child > .nav-element-child{

177
tailwind.config.cjs
View File

@@ -3,7 +3,7 @@ module.exports = {
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}", "./node_modules/@ibcornelsen/ui/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"], content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}", "./node_modules/@ibcornelsen/ui/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
darkMode: "class", darkMode: "class",
plugins: plugins:
[require("daisyui"), [
require("@tailwindcss/typography")], require("@tailwindcss/typography")],
important: true, important: true,
theme: { theme: {
@@ -13,10 +13,23 @@ module.exports = {
}, },
colors: { colors: {
'primary': '#ff7d26',
'primary-focus': '#ec6a13',
'primary-content': '#ffffff',
'secondary': '#444f94',
'secondary-focus': '#2f397f',
'secondary-content': '#ffffff',
'base-200': '#f9fafb',
'base-content': '#1e2734',
'box-heading': '#3A4AB5',
"formular-box": "rgba(252,234,187,0.2)", "formular-box": "rgba(252,234,187,0.2)",
"pdf-yellow-bright": "#f3cb00", "pdf-yellow-bright": "#f3cb00",
"pdf-yellow-light": "#fff6ca", "pdf-yellow-light": "#fff6ca",
"box-heading": 'var(--box-heading)'
}, },
boxShadow: { boxShadow: {
'box': '3px 3px 6px rgba(0, 0, 0, 0.1)', 'box': '3px 3px 6px rgba(0, 0, 0, 0.1)',
@@ -39,104 +52,102 @@ module.exports = {
} }
}, },
}, },
daisyui: { //yui: {
themes: [{ //themes: [{
light: { // light: {
'primary': '#ff7d26', // 'primary': '#ff7d26',
'primary-focus': '#ec6a13', // 'primary-focus': '#ec6a13',
'primary-content': '#ffffff', // 'primary-content': '#ffffff',
'secondary': '#444f94', // 'secondary': '#444f94',
'secondary-focus': '#2f397f', // 'secondary-focus': '#2f397f',
'secondary-content': '#ffffff', // 'secondary-content': '#ffffff',
'--box-heading': '#3A4AB5', // 'accent': '#7b37cd',
// 'accent-focus': '#5f25a7',
// 'accent-content': '#ffffff',
'accent': '#7b37cd', // 'neutral': '#3b424e',
'accent-focus': '#5f25a7', // 'neutral-focus': '#2a2e37',
'accent-content': '#ffffff', // 'neutral-content': '#ffffff',
'neutral': '#3b424e', // 'base-100': '#ffffff',
'neutral-focus': '#2a2e37', // 'base-200': '#f9fafb',
'neutral-content': '#ffffff', // 'base-300': '#ced3d9',
// 'base-content': '#1e2734',
'base-100': '#ffffff', // 'info': '#0689f4',
'base-200': '#f9fafb', // 'success': '#04b964',
'base-300': '#ced3d9', // "success-content": "#ffffff",
'base-content': '#1e2734', // 'warning': '#f49d1a',
// "warning-content": "#ffffff",
// 'error': '#e43f3f',
// "error-content": "#ffffff",
'info': '#0689f4', // '--rounded-box': '1rem',
'success': '#04b964', // '--rounded-btn': '.5rem',
"success-content": "#ffffff", // '--rounded-badge': '1.9rem',
'warning': '#f49d1a',
"warning-content": "#ffffff",
'error': '#e43f3f',
"error-content": "#ffffff",
'--rounded-box': '1rem', // '--animation-btn': '.25s',
'--rounded-btn': '.5rem', // '--animation-input': '.2s',
'--rounded-badge': '1.9rem',
'--animation-btn': '.25s', // '--btn-text-case': 'normal',
'--animation-input': '.2s', // '--navbar-padding': '.5rem',
// '--border-btn': '1px'
// },
// 'dark': {
// 'primary': '#ff7d26',
// 'primary-focus': '#ec6a13',
// 'primary-content': '#ffffff',
'--btn-text-case': 'normal', // 'secondary': '#444f94',
'--navbar-padding': '.5rem', // 'secondary-focus': '#2f397f',
'--border-btn': '1px' // 'secondary-content': '#ffffff',
},
'dark': {
'primary': '#ff7d26',
'primary-focus': '#ec6a13',
'primary-content': '#ffffff',
'secondary': '#444f94', // '--box-heading': '#3A4AB5',
'secondary-focus': '#2f397f',
'secondary-content': '#ffffff',
'--box-heading': '#3A4AB5', // 'accent': '#8c45e3',
// 'accent-focus': '#7532c8',
// 'accent-content': '#ffffff',
'accent': '#8c45e3', // 'neutral': '#2a2e37',
'accent-focus': '#7532c8', // 'neutral-focus': '#16181d',
'accent-content': '#ffffff', // 'neutral-content': '#ffffff',
'neutral': '#2a2e37', // 'base-100': '#3b424e',
'neutral-focus': '#16181d', // 'base-200': '#2a2e37',
'neutral-content': '#ffffff', // 'base-300': '#16181d',
// 'base-content': '#ebecf0',
'base-100': '#3b424e', // 'info': '#0689f4',
'base-200': '#2a2e37', // 'success': '#04b964',
'base-300': '#16181d', // 'warning': '#f49d1a',
'base-content': '#ebecf0', // "warning-content": "#ffffff",
// 'error': '#ff6b6b',
// "error-content": "#ffffff",
// "pdf-yellow-bright": "#f3cb00",
// "pdf-yellow-light": "#fff6ca",
'info': '#0689f4', // '--rounded-box': '1rem',
'success': '#04b964', // '--rounded-btn': '.5rem',
'warning': '#f49d1a', // '--rounded-badge': '1.9rem',
"warning-content": "#ffffff",
'error': '#ff6b6b',
"error-content": "#ffffff",
"pdf-yellow-bright": "#f3cb00",
"pdf-yellow-light": "#fff6ca",
'--rounded-box': '1rem', // '--animation-btn': '.25s',
'--rounded-btn': '.5rem', // '--animation-input': '.2s',
'--rounded-badge': '1.9rem',
'--animation-btn': '.25s', // '--btn-text-case': 'uppercase',
'--animation-input': '.2s', // '--navbar-padding': '.5rem',
// '--border-btn': '1px',
'--btn-text-case': 'uppercase', // }
'--navbar-padding': '.5rem', //}, ],
'--border-btn': '1px', //darkTheme: "dark", // name of one of the included themes for dark mode
} //base: true, // applies background color and foreground color for root element by default
}, ], //styled: true, // include daisyUI colors and design decisions for all components
darkTheme: "dark", // name of one of the included themes for dark mode //utils: true, // adds responsive and modifier utility classes
base: true, // applies background color and foreground color for root element by default //prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
styled: true, // include daisyUI colors and design decisions for all components //logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
utils: true, // adds responsive and modifier utility classes //themeRoot: ":root", // The element that receives theme color CSS variables
prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors) //},
logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
themeRoot: ":root", // The element that receives theme color CSS variables
},
fontSize: { fontSize: {
sm: '0.750rem', sm: '0.750rem',
base: '1rem', base: '1rem',