From d100ee6e6477702a02371d587fd7a8be7648995a Mon Sep 17 00:00:00 2001
From: Titus Kristiansen <titusk@stud.ntnu.no>
Date: Fri, 29 Apr 2022 13:13:07 +0200
Subject: [PATCH] Component update
---
.../CommunityComponents/NewCommunityForm.vue | 2 +-
src/components/CommunityComponents/NewItemForm.vue | 4 ++--
src/components/FormComponents/LoginForm.vue | 2 +-
src/components/FormComponents/RegisterForm.vue | 2 +-
.../UserProfileComponents/LargeProfileCard.vue | 10 +++++-----
src/views/UserProfileViews/ProfileView.vue | 2 +-
6 files changed, 11 insertions(+), 11 deletions(-)
diff --git a/src/components/CommunityComponents/NewCommunityForm.vue b/src/components/CommunityComponents/NewCommunityForm.vue
index bb3a4d8..89fefad 100644
--- a/src/components/CommunityComponents/NewCommunityForm.vue
+++ b/src/components/CommunityComponents/NewCommunityForm.vue
@@ -1,5 +1,5 @@
<template>
- <div class="m-6">
+ <div class="w-full max-w-sm m-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl mt-[10%] p-4">
<!-- Component heading -->
<div class="flex justify-center mt-6">
<p class="text-4xl">Opprett Gruppe</p>
diff --git a/src/components/CommunityComponents/NewItemForm.vue b/src/components/CommunityComponents/NewItemForm.vue
index 9324b2b..8e7c69c 100644
--- a/src/components/CommunityComponents/NewItemForm.vue
+++ b/src/components/CommunityComponents/NewItemForm.vue
@@ -1,7 +1,7 @@
<template>
- <div class="m-6">
+ <div class="w-full max-w-sm m-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl mt-[3%] p-4">
<!-- Component heading -->
- <div class="flex justify-center">
+ <div class="flex justify-center ">
<p class="text-4xl mb-6 mt-6">Utleie</p>
</div>
diff --git a/src/components/FormComponents/LoginForm.vue b/src/components/FormComponents/LoginForm.vue
index b824040..c626107 100644
--- a/src/components/FormComponents/LoginForm.vue
+++ b/src/components/FormComponents/LoginForm.vue
@@ -1,5 +1,5 @@
<template>
- <div class="w-full max-w-sm m-auto overflow-hidden bg-white rounded-lg shadow-md mt-[10%]">
+ <div class="w-full max-w-sm m-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl mt-[10%]">
<div class="px-6 py-4 mt-4">
<h3 class="text-xl font-medium text-center text-gray-600 dark:text-gray-200">Logg på</h3>
diff --git a/src/components/FormComponents/RegisterForm.vue b/src/components/FormComponents/RegisterForm.vue
index 48e2d48..b96eaec 100644
--- a/src/components/FormComponents/RegisterForm.vue
+++ b/src/components/FormComponents/RegisterForm.vue
@@ -1,6 +1,6 @@
<template>
<div
- class="max-w-sm p-6 m-auto bg-white overflow-hidden rounded-md shadow-md mt-[10%]"
+ class="w-full max-w-sm m-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl mt-[10%] p-4"
>
<h3 class="text-xl font-medium text-center text-gray-600 dark:text-gray-200">Opprett ny bruker</h3>
diff --git a/src/components/UserProfileComponents/LargeProfileCard.vue b/src/components/UserProfileComponents/LargeProfileCard.vue
index 19d2596..7c126c5 100644
--- a/src/components/UserProfileComponents/LargeProfileCard.vue
+++ b/src/components/UserProfileComponents/LargeProfileCard.vue
@@ -1,13 +1,13 @@
<template>
<div
- class="min-w-full md:min-w-0 md:w-96 my-4 py-8 bg-white rounded-lg border border-gray-200 shadow-md dark:bg-gray-800 dark:border-gray-700"
+ class="w-full max-w-sm m-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl mt-[10%] p-6"
>
- <div v-show="isCurrentUser" class="flex absolute justify-end px-4 pt-4">
+ <div v-show="isCurrentUser" class="float-right px-4 pt-4">
<button
id="dropdownDefault"
data-dropdown-toggle="dropdown"
@click="dropdown = !dropdown"
- class="w-10 h-10 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-1.5"
+ class="w-10 h-10 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg float-right text-sm p-1.5"
type="button"
>
<svg
@@ -25,7 +25,7 @@
<div
id="dropdown"
v-show="dropdown"
- class="z-10 w-44 text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700"
+ class="z-10 w-44 text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700 origin-bottom-left absolute"
>
<ul class="py-1" aria-labelledby="dropdownDefault">
<li>
@@ -75,7 +75,7 @@
</div>
</div>
- <div class="flex flex-col items-center pb-10">
+ <div class="flex flex-col items-center pb-10 mt-16 z-5">
<img
class="mb-3 w-24 h-24 rounded-full shadow-lg"
src="../../assets/defaultUserProfileImage.jpg"
diff --git a/src/views/UserProfileViews/ProfileView.vue b/src/views/UserProfileViews/ProfileView.vue
index c4ea15c..b44558f 100644
--- a/src/views/UserProfileViews/ProfileView.vue
+++ b/src/views/UserProfileViews/ProfileView.vue
@@ -1,5 +1,5 @@
<template>
- <div class="h-screen bg-gray-200 grid place-items-center">
+ <div>
<large-profile-card :isCurrentUser="true" class="align-top" />
</div>
</template>
--
GitLab