From 0ff501d4aa28b64a11a3d9a6101e3f997a9e9795 Mon Sep 17 00:00:00 2001
From: Cristiano Magro <cristiano.magro@vola.it>
Date: Tue, 07 Jan 2025 18:29:08 +0100
Subject: [PATCH] teleport per spostare il dialog in una posizione consona nel DOM
---
10 - course project/xno-prj-cmp-01-starting-setup/src/App.vue | 62 +++++++++++++++----------------
1 files changed, 30 insertions(+), 32 deletions(-)
diff --git a/10 - course project/xno-prj-cmp-01-starting-setup/src/App.vue b/10 - course project/xno-prj-cmp-01-starting-setup/src/App.vue
index 36206d2..987b5f6 100644
--- a/10 - course project/xno-prj-cmp-01-starting-setup/src/App.vue
+++ b/10 - course project/xno-prj-cmp-01-starting-setup/src/App.vue
@@ -1,39 +1,37 @@
<template>
- <ul>
- <learning-resource v-for="res in storedResouces"
- :key="res.id"
- :title="res.title"
- :description="res.description"
- :link="res.link"
- >
- </learning-resource>
- </ul>
+ <TheHeader :title="rememberMe"></TheHeader>
+ <TheResources></TheResources>
</template>
<script>
-import LearningResource from './components/learning-resource/LearningResource.vue';
+import TheHeader from './components/layouts/TheHeader.vue';
+import TheResources from './components/learning-resource/TheResources.vue';
export default {
- components:{
- LearningResource: LearningResource,
- },
- data(){
- return {
- storedResouces: [
- {
- id:'official-guide',
- title: 'Official Guide',
- description: 'The official Vue.js documentation',
- link: 'https://vuejs.org'
- },
- {
- id:'google',
- title: 'Google',
- description: 'Learn to google...',
- link: 'https://google.com'
- },
- ]
- }
- }
+ components: {
+ TheHeader: TheHeader,
+ TheResources: TheResources,
+ },
+ data() {
+ return {
+ rememberMe: 'Remember Me',
+ };
+ },
+};
+</script>
+
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+* {
+ box-sizing: border-box;
}
-</script>
\ No newline at end of file
+
+html {
+ font-family: 'Roboto', sans-serif;
+}
+
+body {
+ margin: 0;
+}
+</style>
--
Gitblit v1.8.0