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"> <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>

View File

@ -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">

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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",
) )
), ),

View File

@ -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"