Anpassungen Mobile

This commit is contained in:
Daniel Egger 2022-10-11 13:32:47 +02:00
parent f78fabbb47
commit 126f0de318
7 changed files with 25 additions and 19 deletions

View File

@ -386,7 +386,7 @@ export default {
<div class="svg-container h-full content-start">
<svg
:id="identifier"
class="learning-path-visualization h-full"
class="learning-path-visualization h-full -mt-6 lg:mt-0"
:viewBox="viewBox"
></svg>
</div>

View File

@ -8,13 +8,13 @@ const userStore = useUserStore();
</script>
<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">
<h1 data-cy="welcome-message">Willkommen, {{ userStore.first_name }}</h1>
<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>
<div class="mt-4">
<router-link class="btn-blue" to="/learn/versicherungsvermittlerin-lp">

View File

@ -18,7 +18,7 @@ const userStore = useUserStore();
</script>
<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">
<h1 class="mb-8">Login</h1>
@ -35,7 +35,7 @@ const userStore = useUserStore();
v-model="state.username"
type="text"
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 class="mb-4">
@ -45,7 +45,7 @@ const userStore = useUserStore();
v-model="state.password"
type="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>

View File

@ -56,10 +56,10 @@ const createContinueUrl = (learningPath: LearningPath): [string, boolean] => {
<div class="learningpath flex flex-col">
<div class="flex flex-col h-max">
<div class="bg-white py-8 flex flex-col">
<div class="flex justify-end p-3">
<div class="bg-white lg:py-8 flex flex-col">
<div class="flex justify-end lg:p-4">
<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"
@click="learningPathStore.page = 'OVERVIEW'"
>
@ -74,14 +74,14 @@ const createContinueUrl = (learningPath: LearningPath): [string, boolean] => {
></LearningPathDiagram>
</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">
{{ learningPathStore.learningPath.title }}
</h1>
<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"
>
<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>
<p class="mt-4 text-xl"></p>
</div>

View File

@ -142,7 +142,8 @@ const hasMoreItemsForType = (itemType: string, items: object[]) => {
:blank="mediaItem.value.open_window"
:to="mediaItem.value.url"
class="link"
>{{ mediaItem.value.link_display_text }}
>
{{ mediaItem.value.link_display_text }}
</media-link>
</div>
</li>

View File

@ -148,13 +148,15 @@ die der Fahrzeugbesitzer und die Fahrzeugbesitzerin in einem grösseren Schadenf
contents=[
create_relative_link_block(
RelativeLinkBlockFactory(
title="VBV 303/12.3 Verkehrsrechtsschutz",
title="Rechtsstreitigkeiten",
description="VBV 303/12.3 Verkehrsrechtsschutz",
url="/media/versicherungsvermittlerin-media/category/rechtsstreitigkeiten",
)
),
create_relative_link_block(
RelativeLinkBlockFactory(
title="VBV 303/13 Reiseversicherung",
title="Reisen",
description="VBV 303/13 Reiseversicherung",
url="/media/versicherungsvermittlerin-media/category/reisen",
)
),
@ -250,19 +252,22 @@ Diese können negative Folgen verschiedener Art nach sich ziehen, darunter recht
contents=[
create_relative_link_block(
RelativeLinkBlockFactory(
title="VBV 303/03 Hausratversicherung",
title="Haushalt",
description="VBV 303/03 Hausratversicherung",
url="/media/versicherungsvermittlerin-media/category/haushalt",
)
),
create_relative_link_block(
RelativeLinkBlockFactory(
title="VBV 303/12 Rechtschutzversicherung",
title="Rechtsstreitigkeiten",
desciption="VBV 303/12 Rechtschutzversicherung",
url="/media/versicherungsvermittlerin-media/category/rechtsstreitigkeiten",
)
),
create_relative_link_block(
RelativeLinkBlockFactory(
title="VBV 304/Teil E Obligatorische Krankenversicherung",
title="Gesundheit",
description="VBV 304/Teil E Obligatorische Krankenversicherung",
url="/media/versicherungsvermittlerin-media/category/gesundheit",
)
),

View File

@ -99,8 +99,8 @@ class RelativeLinkBlockFactory(wagtail_factories.StructBlockFactory):
class Meta:
model = RelativeLinkBlock
title = "Platzhalter Querverweis"
description = "Handlungsfeld"
title = "Fahrzeug"
description = "Platzhalter Querverweis"
link_display_text = "Handlungsfeld anzeigen"
icon_url = "/static/icons/demo/icon-hf-reisen.svg"
url = "/media/versicherungsvermittlerin-media/category/fahrzeug"