From 9e3a9d38a0993d246cd297c2ab9fce94f9dbbafb Mon Sep 17 00:00:00 2001 From: webfussel Date: Fri, 14 Feb 2025 14:13:20 +0100 Subject: [PATCH] FIX: some texts and layouts for easy skill explanation Improving site clarity --- app/assets/css/global.css | 22 ++++++++++++++- app/components/Customers.vue | 2 +- app/components/Footer.vue | 13 ++++++--- app/components/Intro.vue | 4 +-- app/components/Services.vue | 12 ++++---- app/components/Skills.vue | 14 +++++----- app/components/SkillsEasy.vue | 52 +++++++++++++++++++++++++++++++++++ app/pages/imp.vue | 4 +-- app/pages/index.vue | 1 + 9 files changed, 101 insertions(+), 23 deletions(-) create mode 100644 app/components/SkillsEasy.vue diff --git a/app/assets/css/global.css b/app/assets/css/global.css index 243a345..9398ef1 100644 --- a/app/assets/css/global.css +++ b/app/assets/css/global.css @@ -145,6 +145,12 @@ span.chip { border-radius: 20px; min-width: 300px; flex: 1; + justify-content: space-between; + + & .card-img { + border-radius: 20px; + object-fit: cover; + } } .color-icon { @@ -155,6 +161,7 @@ span.chip { position: relative; z-index: 100; padding: 150px 15vw; + min-height: 100vh; } .full { @@ -169,15 +176,28 @@ span.chip { margin-top: 6rem; } +.flex-row { + display: flex; + flex-direction: row; + + &.reverse { + flex-direction: row-reverse; + } +} + .flex-col { display: flex; flex-direction: column; } -.default-gap { +.gap-default { gap: 3rem; } +.gap-sm { + gap: 1rem; +} + .z-0 { box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0); } diff --git a/app/components/Customers.vue b/app/components/Customers.vue index a16dcdf..b715e96 100644 --- a/app/components/Customers.vue +++ b/app/components/Customers.vue @@ -2,7 +2,7 @@

Kunden & Projekte.

Meine bisherigen Geschäftpartner

-
+
-