Anpassungen Mobile
This commit is contained in:
parent
f78fabbb47
commit
126f0de318
|
|
@ -386,7 +386,7 @@ export default {
|
||||||
<div class="svg-container h-full content-start">
|
<div class="svg-container h-full content-start">
|
||||||
<svg
|
<svg
|
||||||
:id="identifier"
|
:id="identifier"
|
||||||
class="learning-path-visualization h-full"
|
class="learning-path-visualization h-full -mt-6 lg:mt-0"
|
||||||
:viewBox="viewBox"
|
:viewBox="viewBox"
|
||||||
></svg>
|
></svg>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -8,13 +8,13 @@ const userStore = useUserStore();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<main class="px-8 py-8 lg:px-12 lg:py-12 bg-gray-200">
|
<main class="py-4 lg:px-12 lg:py-12 bg-gray-200">
|
||||||
<div class="container-medium">
|
<div class="container-medium">
|
||||||
<h1 data-cy="welcome-message">Willkommen, {{ userStore.first_name }}</h1>
|
<h1 data-cy="welcome-message">Willkommen, {{ userStore.first_name }}</h1>
|
||||||
|
|
||||||
<h2 class="mt-12">Deine Kurse</h2>
|
<h2 class="mt-12">Deine Kurse</h2>
|
||||||
|
|
||||||
<div class="mt-8 p-8 break-words bg-white max-w-xl">
|
<div class="mt-8 p-4 lg:p-8 break-words bg-white max-w-xl">
|
||||||
<h3>Versicherungsvermittler/in</h3>
|
<h3>Versicherungsvermittler/in</h3>
|
||||||
<div class="mt-4">
|
<div class="mt-4">
|
||||||
<router-link class="btn-blue" to="/learn/versicherungsvermittlerin-lp">
|
<router-link class="btn-blue" to="/learn/versicherungsvermittlerin-lp">
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,7 @@ const userStore = useUserStore();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<main class="px-8 py-8 lg:px-12 lg:py-12 bg-gray-200">
|
<main class="lg:px-12 lg:py-12 bg-gray-200">
|
||||||
<div class="container-medium">
|
<div class="container-medium">
|
||||||
<h1 class="mb-8">Login</h1>
|
<h1 class="mb-8">Login</h1>
|
||||||
|
|
||||||
|
|
@ -35,7 +35,7 @@ const userStore = useUserStore();
|
||||||
v-model="state.username"
|
v-model="state.username"
|
||||||
type="text"
|
type="text"
|
||||||
name="username"
|
name="username"
|
||||||
class="py-2 px-3 border border-gray-500 mt-1 block w-96"
|
class="py-2 px-3 border border-gray-500 mt-1 block w-96 max-w-full"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-4">
|
<div class="mb-4">
|
||||||
|
|
@ -45,7 +45,7 @@ const userStore = useUserStore();
|
||||||
v-model="state.password"
|
v-model="state.password"
|
||||||
type="password"
|
type="password"
|
||||||
name="password"
|
name="password"
|
||||||
class="py-2 px-3 border border-gray-500 mt-1 block w-96"
|
class="py-2 px-3 border border-gray-500 mt-1 block w-96 max-w-full"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -56,10 +56,10 @@ const createContinueUrl = (learningPath: LearningPath): [string, boolean] => {
|
||||||
|
|
||||||
<div class="learningpath flex flex-col">
|
<div class="learningpath flex flex-col">
|
||||||
<div class="flex flex-col h-max">
|
<div class="flex flex-col h-max">
|
||||||
<div class="bg-white py-8 flex flex-col">
|
<div class="bg-white lg:py-8 flex flex-col">
|
||||||
<div class="flex justify-end p-3">
|
<div class="flex justify-end lg:p-4">
|
||||||
<button
|
<button
|
||||||
class="btn-text inline-flex items-center px-3 py-2"
|
class="btn-text inline-flex items-center px-3 lg:py-2"
|
||||||
data-cy="show-list-view"
|
data-cy="show-list-view"
|
||||||
@click="learningPathStore.page = 'OVERVIEW'"
|
@click="learningPathStore.page = 'OVERVIEW'"
|
||||||
>
|
>
|
||||||
|
|
@ -74,14 +74,14 @@ const createContinueUrl = (learningPath: LearningPath): [string, boolean] => {
|
||||||
></LearningPathDiagram>
|
></LearningPathDiagram>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="container-large">
|
<div class="container-large pt-0 lg:pt-4">
|
||||||
<h1 data-cy="learning-path-title" class="mt-6 lg:mt-12 mb-6">
|
<h1 data-cy="learning-path-title" class="mt-6 lg:mt-12 mb-6">
|
||||||
{{ learningPathStore.learningPath.title }}
|
{{ learningPathStore.learningPath.title }}
|
||||||
</h1>
|
</h1>
|
||||||
<div
|
<div
|
||||||
class="bg-white p-4 flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-gray-500 justify-start"
|
class="bg-white p-4 flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-gray-500 justify-start"
|
||||||
>
|
>
|
||||||
<div class="p-4 lg:p-8 flex-auto">
|
<div class="p-2 lg:p-8 flex-auto">
|
||||||
<h2>Willkommmen zurück, {{ userStore.first_name }}</h2>
|
<h2>Willkommmen zurück, {{ userStore.first_name }}</h2>
|
||||||
<p class="mt-4 text-xl"></p>
|
<p class="mt-4 text-xl"></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -142,7 +142,8 @@ const hasMoreItemsForType = (itemType: string, items: object[]) => {
|
||||||
:blank="mediaItem.value.open_window"
|
:blank="mediaItem.value.open_window"
|
||||||
:to="mediaItem.value.url"
|
:to="mediaItem.value.url"
|
||||||
class="link"
|
class="link"
|
||||||
>{{ mediaItem.value.link_display_text }}
|
>
|
||||||
|
{{ mediaItem.value.link_display_text }}
|
||||||
</media-link>
|
</media-link>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
||||||
|
|
@ -148,13 +148,15 @@ die der Fahrzeugbesitzer und die Fahrzeugbesitzerin in einem grösseren Schadenf
|
||||||
contents=[
|
contents=[
|
||||||
create_relative_link_block(
|
create_relative_link_block(
|
||||||
RelativeLinkBlockFactory(
|
RelativeLinkBlockFactory(
|
||||||
title="VBV 303/12.3 Verkehrsrechtsschutz",
|
title="Rechtsstreitigkeiten",
|
||||||
|
description="VBV 303/12.3 Verkehrsrechtsschutz",
|
||||||
url="/media/versicherungsvermittlerin-media/category/rechtsstreitigkeiten",
|
url="/media/versicherungsvermittlerin-media/category/rechtsstreitigkeiten",
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
create_relative_link_block(
|
create_relative_link_block(
|
||||||
RelativeLinkBlockFactory(
|
RelativeLinkBlockFactory(
|
||||||
title="VBV 303/13 Reiseversicherung",
|
title="Reisen",
|
||||||
|
description="VBV 303/13 Reiseversicherung",
|
||||||
url="/media/versicherungsvermittlerin-media/category/reisen",
|
url="/media/versicherungsvermittlerin-media/category/reisen",
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
|
|
@ -250,19 +252,22 @@ Diese können negative Folgen verschiedener Art nach sich ziehen, darunter recht
|
||||||
contents=[
|
contents=[
|
||||||
create_relative_link_block(
|
create_relative_link_block(
|
||||||
RelativeLinkBlockFactory(
|
RelativeLinkBlockFactory(
|
||||||
title="VBV 303/03 Hausratversicherung",
|
title="Haushalt",
|
||||||
|
description="VBV 303/03 Hausratversicherung",
|
||||||
url="/media/versicherungsvermittlerin-media/category/haushalt",
|
url="/media/versicherungsvermittlerin-media/category/haushalt",
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
create_relative_link_block(
|
create_relative_link_block(
|
||||||
RelativeLinkBlockFactory(
|
RelativeLinkBlockFactory(
|
||||||
title="VBV 303/12 Rechtschutzversicherung",
|
title="Rechtsstreitigkeiten",
|
||||||
|
desciption="VBV 303/12 Rechtschutzversicherung",
|
||||||
url="/media/versicherungsvermittlerin-media/category/rechtsstreitigkeiten",
|
url="/media/versicherungsvermittlerin-media/category/rechtsstreitigkeiten",
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
create_relative_link_block(
|
create_relative_link_block(
|
||||||
RelativeLinkBlockFactory(
|
RelativeLinkBlockFactory(
|
||||||
title="VBV 304/Teil E Obligatorische Krankenversicherung",
|
title="Gesundheit",
|
||||||
|
description="VBV 304/Teil E Obligatorische Krankenversicherung",
|
||||||
url="/media/versicherungsvermittlerin-media/category/gesundheit",
|
url="/media/versicherungsvermittlerin-media/category/gesundheit",
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
|
|
|
||||||
|
|
@ -99,8 +99,8 @@ class RelativeLinkBlockFactory(wagtail_factories.StructBlockFactory):
|
||||||
class Meta:
|
class Meta:
|
||||||
model = RelativeLinkBlock
|
model = RelativeLinkBlock
|
||||||
|
|
||||||
title = "Platzhalter Querverweis"
|
title = "Fahrzeug"
|
||||||
description = "Handlungsfeld"
|
description = "Platzhalter Querverweis"
|
||||||
link_display_text = "Handlungsfeld anzeigen"
|
link_display_text = "Handlungsfeld anzeigen"
|
||||||
icon_url = "/static/icons/demo/icon-hf-reisen.svg"
|
icon_url = "/static/icons/demo/icon-hf-reisen.svg"
|
||||||
url = "/media/versicherungsvermittlerin-media/category/fahrzeug"
|
url = "/media/versicherungsvermittlerin-media/category/fahrzeug"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue