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

Säulen #29

Merged
UMBENOMENA merged 2 commits from UMBE into main 2024-12-01 23:26:08 +00:00
Conversation 0 Commits 2 Files Changed 5 +108 -92
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",
"buffer": "^6.0.3",
"bun": "^1.1.34",
"caniuse-lite": "^1.0.30001684",
"csvtojson": "^2.0.10",
"express": "^4.21.1",
"flag-icons": "^6.15.0",
@@ -44,10 +45,10 @@
"i18next-http-backend": "^2.6.2",
"js-cookie": "^3.0.5",
"js-interpolate": "^1.0.1",
"postcss-nested": "^7.0.2",
"katex": "^0.16.11",
"moment": "^2.30.1",
"moment-timezone": "^0.5.46",
"postcss-nested": "^7.0.2",
"radix-svelte-icons": "^1.0.0",
"sass": "^1.80.6",
"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">
<!-- 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}>
{#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}
<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}
<ul class="dropdown-content energieasusweis-erstellen">
{#if innerWidth < 1023}
<li><a href="">Energieausweis erstellen</a></li>
<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>
@@ -121,8 +122,9 @@ if(innerWidth>1024){
<a class="no-dropdown nav-element-child" href="/welcher-energieausweis">Welcher Energieausweis?</a>
</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}>
<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">
{#if innerWidth < 1023}
<li><a href="index">Verbrauchsausweis</a></li>
@@ -137,8 +139,9 @@ if(innerWidth>1024){
<li><a href="index">Statistiken zum Verbrauchsausweis Gewerbe</a></li>
</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}>
<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">
{#if innerWidth < 1023}
<li><a href="index">Bedarfsausweis</a></li>
@@ -155,8 +158,9 @@ if(innerWidth>1024){
</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}>
<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">
{#if innerWidth < 1023}
<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>
<!-- <BannerPrice client:load /> -->
<BannerPrice client:load />
</Layout>

2
src/style/global.css
View File

@@ -104,7 +104,7 @@ article {
}
.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{

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}"],
darkMode: "class",
plugins:
[require("daisyui"),
[
require("@tailwindcss/typography")],
important: true,
theme: {
@@ -13,10 +13,23 @@ module.exports = {
},
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)",
"pdf-yellow-bright": "#f3cb00",
"pdf-yellow-light": "#fff6ca",
"box-heading": 'var(--box-heading)'
},
boxShadow: {
'box': '3px 3px 6px rgba(0, 0, 0, 0.1)',
@@ -39,104 +52,102 @@ module.exports = {
}
},
},
daisyui: {
themes: [{
light: {
'primary': '#ff7d26',
'primary-focus': '#ec6a13',
'primary-content': '#ffffff',
//yui: {
//themes: [{
// light: {
// 'primary': '#ff7d26',
// 'primary-focus': '#ec6a13',
// 'primary-content': '#ffffff',
'secondary': '#444f94',
'secondary-focus': '#2f397f',
'secondary-content': '#ffffff',
// 'secondary': '#444f94',
// 'secondary-focus': '#2f397f',
// 'secondary-content': '#ffffff',
'--box-heading': '#3A4AB5',
// 'accent': '#7b37cd',
// 'accent-focus': '#5f25a7',
// 'accent-content': '#ffffff',
'accent': '#7b37cd',
'accent-focus': '#5f25a7',
'accent-content': '#ffffff',
// 'neutral': '#3b424e',
// 'neutral-focus': '#2a2e37',
// 'neutral-content': '#ffffff',
'neutral': '#3b424e',
'neutral-focus': '#2a2e37',
'neutral-content': '#ffffff',
// 'base-100': '#ffffff',
// 'base-200': '#f9fafb',
// 'base-300': '#ced3d9',
// 'base-content': '#1e2734',
'base-100': '#ffffff',
'base-200': '#f9fafb',
'base-300': '#ced3d9',
'base-content': '#1e2734',
// 'info': '#0689f4',
// 'success': '#04b964',
// "success-content": "#ffffff",
// 'warning': '#f49d1a',
// "warning-content": "#ffffff",
// 'error': '#e43f3f',
// "error-content": "#ffffff",
'info': '#0689f4',
'success': '#04b964',
"success-content": "#ffffff",
'warning': '#f49d1a',
"warning-content": "#ffffff",
'error': '#e43f3f',
"error-content": "#ffffff",
// '--rounded-box': '1rem',
// '--rounded-btn': '.5rem',
// '--rounded-badge': '1.9rem',
'--rounded-box': '1rem',
'--rounded-btn': '.5rem',
'--rounded-badge': '1.9rem',
// '--animation-btn': '.25s',
// '--animation-input': '.2s',
'--animation-btn': '.25s',
'--animation-input': '.2s',
// '--btn-text-case': 'normal',
// '--navbar-padding': '.5rem',
// '--border-btn': '1px'
// },
// 'dark': {
// 'primary': '#ff7d26',
// 'primary-focus': '#ec6a13',
// 'primary-content': '#ffffff',
'--btn-text-case': 'normal',
'--navbar-padding': '.5rem',
'--border-btn': '1px'
},
'dark': {
'primary': '#ff7d26',
'primary-focus': '#ec6a13',
'primary-content': '#ffffff',
// 'secondary': '#444f94',
// 'secondary-focus': '#2f397f',
// 'secondary-content': '#ffffff',
'secondary': '#444f94',
'secondary-focus': '#2f397f',
'secondary-content': '#ffffff',
// '--box-heading': '#3A4AB5',
'--box-heading': '#3A4AB5',
// 'accent': '#8c45e3',
// 'accent-focus': '#7532c8',
// 'accent-content': '#ffffff',
'accent': '#8c45e3',
'accent-focus': '#7532c8',
'accent-content': '#ffffff',
// 'neutral': '#2a2e37',
// 'neutral-focus': '#16181d',
// 'neutral-content': '#ffffff',
'neutral': '#2a2e37',
'neutral-focus': '#16181d',
'neutral-content': '#ffffff',
// 'base-100': '#3b424e',
// 'base-200': '#2a2e37',
// 'base-300': '#16181d',
// 'base-content': '#ebecf0',
'base-100': '#3b424e',
'base-200': '#2a2e37',
'base-300': '#16181d',
'base-content': '#ebecf0',
// 'info': '#0689f4',
// 'success': '#04b964',
// 'warning': '#f49d1a',
// "warning-content": "#ffffff",
// 'error': '#ff6b6b',
// "error-content": "#ffffff",
// "pdf-yellow-bright": "#f3cb00",
// "pdf-yellow-light": "#fff6ca",
'info': '#0689f4',
'success': '#04b964',
'warning': '#f49d1a',
"warning-content": "#ffffff",
'error': '#ff6b6b',
"error-content": "#ffffff",
"pdf-yellow-bright": "#f3cb00",
"pdf-yellow-light": "#fff6ca",
// '--rounded-box': '1rem',
// '--rounded-btn': '.5rem',
// '--rounded-badge': '1.9rem',
'--rounded-box': '1rem',
'--rounded-btn': '.5rem',
'--rounded-badge': '1.9rem',
// '--animation-btn': '.25s',
// '--animation-input': '.2s',
'--animation-btn': '.25s',
'--animation-input': '.2s',
'--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
utils: true, // adds responsive and modifier utility classes
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
},
// '--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
//utils: true, // adds responsive and modifier utility classes
//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: {
sm: '0.750rem',
base: '1rem',