From b52e79acac744365015f4722c5a0cc87cbefd772 Mon Sep 17 00:00:00 2001 From: Borja Robert Date: Mon, 26 Sep 2022 10:21:04 +0200 Subject: [PATCH 01/10] instala html2canvas --- package.json | 1 + pnpm-lock.yaml | 33 +++++++++++++++++++++++++++++++++ 2 files changed, 34 insertions(+) diff --git a/package.json b/package.json index ae6e9e0..affac0f 100644 --- a/package.json +++ b/package.json @@ -24,6 +24,7 @@ "type": "module", "dependencies": { "@fontsource/fira-mono": "^4.5.0", + "html2canvas": "^1.4.1", "quill": "^1.3.7" } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 58e7093..c7347c3 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -5,6 +5,7 @@ specifiers: '@sveltejs/adapter-auto': next '@sveltejs/kit': next '@types/cookie': ^0.5.1 + html2canvas: ^1.4.1 prettier: ^2.6.2 prettier-plugin-svelte: ^2.7.0 quill: ^1.3.7 @@ -15,6 +16,7 @@ specifiers: dependencies: '@fontsource/fira-mono': 4.5.9 + html2canvas: 1.4.1 quill: 1.3.7 devDependencies: @@ -306,6 +308,11 @@ packages: resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==} dev: true + /base64-arraybuffer/1.0.2: + resolution: {integrity: sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==} + engines: {node: '>= 0.6.0'} + dev: false + /binary-extensions/2.2.0: resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==} engines: {node: '>=8'} @@ -390,6 +397,12 @@ packages: engines: {node: '>= 0.6'} dev: true + /css-line-break/2.1.0: + resolution: {integrity: sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==} + dependencies: + utrie: 1.0.2 + dev: false + /data-uri-to-buffer/4.0.0: resolution: {integrity: sha512-Vr3mLBA8qWmcuschSLAOogKgQ/Jwxulv3RNE4FXnYWRGujzrRWQI4m12fQqRkwX06C0KanhLr4hK+GydchZsaA==} engines: {node: '>= 12'} @@ -837,6 +850,14 @@ packages: dependencies: function-bind: 1.1.1 + /html2canvas/1.4.1: + resolution: {integrity: sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==} + engines: {node: '>=8.0.0'} + dependencies: + css-line-break: 2.1.0 + text-segmentation: 1.0.3 + dev: false + /https-proxy-agent/5.0.1: resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==} engines: {node: '>= 6'} @@ -1493,6 +1514,12 @@ packages: yallist: 4.0.0 dev: true + /text-segmentation/1.0.3: + resolution: {integrity: sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==} + dependencies: + utrie: 1.0.2 + dev: false + /tiny-glob/0.2.9: resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==} dependencies: @@ -1531,6 +1558,12 @@ packages: resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==} dev: true + /utrie/1.0.2: + resolution: {integrity: sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==} + dependencies: + base64-arraybuffer: 1.0.2 + dev: false + /vite/3.1.3: resolution: {integrity: sha512-/3XWiktaopByM5bd8dqvHxRt5EEgRikevnnrpND0gRfNkrMrPaGGexhtLCzv15RcCMtV2CLw+BPas8YFeSG0KA==} engines: {node: ^14.18.0 || >=16.0.0} -- 2.38.5 From 444bfbb60a0ad7b5bc731d1bc55e9364e62fde4a Mon Sep 17 00:00:00 2001 From: Borja Robert Date: Mon, 26 Sep 2022 11:22:50 +0200 Subject: [PATCH 02/10] =?UTF-8?q?a=C3=B1ado=20cosas?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Dockerfile | 24 +++ captain-definition | 4 + src/lib/preview/Preview.svelte | 262 +++++++++++++++++---------------- 3 files changed, 165 insertions(+), 125 deletions(-) create mode 100644 Dockerfile create mode 100644 captain-definition diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..267ee0f --- /dev/null +++ b/Dockerfile @@ -0,0 +1,24 @@ +FROM node:18 + +WORKDIR /app + +# COPY package.json and package-lock.json files +COPY package*.json ./ + +COPY vite.config.js ./ + +# COPY tsconfig.json file +COPY jsconfig.json ./ + +# COPY +COPY . . + +RUN npm install + +RUN npm run build + +RUN [ "chmod", "+x", "/app/start.sh"] + +EXPOSE 3000 + +CMD [ "/app/start.sh" ] diff --git a/captain-definition b/captain-definition new file mode 100644 index 0000000..ff979d2 --- /dev/null +++ b/captain-definition @@ -0,0 +1,4 @@ +{ + "schemaVersion": 2, + "dockerfilePath": "./Dockerfile" +} diff --git a/src/lib/preview/Preview.svelte b/src/lib/preview/Preview.svelte index 08c9d44..f2252ac 100644 --- a/src/lib/preview/Preview.svelte +++ b/src/lib/preview/Preview.svelte @@ -1,145 +1,157 @@
-
-
{$heading}
-
{$title}
-
{$subtitle}
-
{@html $content}
- {#if newdate}
{newdate.date}
{/if} - {#if newdate}
{newdate.time}
{/if} -
{$address}
-
+
+
{$heading}
+
{$title}
+
{$subtitle}
+
{@html $content}
+ {#if newdate}
{newdate.date}
{/if} + {#if newdate}
{newdate.time}
{/if} +
{$address}
+
+
-- 2.38.5 From 04991cd83f6d0f39c1c491c9a78e1070f2307615 Mon Sep 17 00:00:00 2001 From: Borja Robert Date: Mon, 26 Sep 2022 11:26:14 +0200 Subject: [PATCH 03/10] dockerfile bien y no mal --- Dockerfile | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/Dockerfile b/Dockerfile index 267ee0f..f16ff82 100644 --- a/Dockerfile +++ b/Dockerfile @@ -17,8 +17,6 @@ RUN npm install RUN npm run build -RUN [ "chmod", "+x", "/app/start.sh"] - EXPOSE 3000 -CMD [ "/app/start.sh" ] +CMD [ "node", "/app/build" ] -- 2.38.5 From ccca7570de41433ae6786d47f9881a356f032fa5 Mon Sep 17 00:00:00 2001 From: Borja Robert Date: Mon, 26 Sep 2022 11:30:48 +0200 Subject: [PATCH 04/10] a ver si es aqui --- Dockerfile | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Dockerfile b/Dockerfile index f16ff82..e648dff 100644 --- a/Dockerfile +++ b/Dockerfile @@ -19,4 +19,4 @@ RUN npm run build EXPOSE 3000 -CMD [ "node", "/app/build" ] +CMD [ "node", "/app/.svelte-kit/build" ] -- 2.38.5 From e4379a514938effcbf827b30b42645ec6c1c6a58 Mon Sep 17 00:00:00 2001 From: Borja Robert Date: Mon, 26 Sep 2022 11:34:56 +0200 Subject: [PATCH 05/10] =?UTF-8?q?le=20a=C3=B1ado=20adapter=20node=20para?= =?UTF-8?q?=20que=20rule?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Dockerfile | 2 +- package.json | 1 + pnpm-lock.yaml | 107 +++++++++++++++++++++++++++++++++++++++++++++++ svelte.config.js | 2 +- 4 files changed, 110 insertions(+), 2 deletions(-) diff --git a/Dockerfile b/Dockerfile index e648dff..f16ff82 100644 --- a/Dockerfile +++ b/Dockerfile @@ -19,4 +19,4 @@ RUN npm run build EXPOSE 3000 -CMD [ "node", "/app/.svelte-kit/build" ] +CMD [ "node", "/app/build" ] diff --git a/package.json b/package.json index affac0f..e845911 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,7 @@ }, "devDependencies": { "@sveltejs/adapter-auto": "next", + "@sveltejs/adapter-node": "1.0.0-next.95", "@sveltejs/kit": "next", "@types/cookie": "^0.5.1", "prettier": "^2.6.2", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index c7347c3..2eab755 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -3,6 +3,7 @@ lockfileVersion: 5.4 specifiers: '@fontsource/fira-mono': ^4.5.0 '@sveltejs/adapter-auto': next + '@sveltejs/adapter-node': 1.0.0-next.95 '@sveltejs/kit': next '@types/cookie': ^0.5.1 html2canvas: ^1.4.1 @@ -21,6 +22,7 @@ dependencies: devDependencies: '@sveltejs/adapter-auto': 1.0.0-next.80 + '@sveltejs/adapter-node': 1.0.0-next.95 '@sveltejs/kit': 1.0.0-next.503_svelte@3.50.1+vite@3.1.3 '@types/cookie': 0.5.1 prettier: 2.7.1 @@ -121,6 +123,58 @@ packages: resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==} dev: true + /@rollup/plugin-commonjs/22.0.2_rollup@2.78.1: + resolution: {integrity: sha512-//NdP6iIwPbMTcazYsiBMbJW7gfmpHom33u1beiIoHDEM0Q9clvtQB1T0efvMqHeKsGohiHo97BCPCkBXdscwg==} + engines: {node: '>= 12.0.0'} + peerDependencies: + rollup: ^2.68.0 + dependencies: + '@rollup/pluginutils': 3.1.0_rollup@2.78.1 + commondir: 1.0.1 + estree-walker: 2.0.2 + glob: 7.2.3 + is-reference: 1.2.1 + magic-string: 0.25.9 + resolve: 1.22.1 + rollup: 2.78.1 + dev: true + + /@rollup/plugin-json/4.1.0_rollup@2.78.1: + resolution: {integrity: sha512-yfLbTdNS6amI/2OpmbiBoW12vngr5NW2jCJVZSBEz+H5KfUJZ2M7sDjk0U6GOOdCWFVScShte29o9NezJ53TPw==} + peerDependencies: + rollup: ^1.20.0 || ^2.0.0 + dependencies: + '@rollup/pluginutils': 3.1.0_rollup@2.78.1 + rollup: 2.78.1 + dev: true + + /@rollup/plugin-node-resolve/14.1.0_rollup@2.78.1: + resolution: {integrity: sha512-5G2niJroNCz/1zqwXtk0t9+twOSDlG00k1Wfd7bkbbXmwg8H8dvgHdIWAun53Ps/rckfvOC7scDBjuGFg5OaWw==} + engines: {node: '>= 10.0.0'} + peerDependencies: + rollup: ^2.78.0 + dependencies: + '@rollup/pluginutils': 3.1.0_rollup@2.78.1 + '@types/resolve': 1.17.1 + deepmerge: 4.2.2 + is-builtin-module: 3.2.0 + is-module: 1.0.0 + resolve: 1.22.1 + rollup: 2.78.1 + dev: true + + /@rollup/pluginutils/3.1.0_rollup@2.78.1: + resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==} + engines: {node: '>= 8.0.0'} + peerDependencies: + rollup: ^1.20.0||^2.0.0 + dependencies: + '@types/estree': 0.0.39 + estree-walker: 1.0.1 + picomatch: 2.3.1 + rollup: 2.78.1 + dev: true + /@rollup/pluginutils/4.2.1: resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==} engines: {node: '>= 8.0.0'} @@ -156,6 +210,15 @@ packages: set-cookie-parser: 2.5.1 dev: true + /@sveltejs/adapter-node/1.0.0-next.95: + resolution: {integrity: sha512-RrAsFjb8qG9Q0yWusGLBB5OhejR6RfRG3X7b/V65fcIB4t3IP7hkwgNOyuXQd5jQ24lbt+Tyx3fguEfQvhMrhw==} + dependencies: + '@rollup/plugin-commonjs': 22.0.2_rollup@2.78.1 + '@rollup/plugin-json': 4.1.0_rollup@2.78.1 + '@rollup/plugin-node-resolve': 14.1.0_rollup@2.78.1 + rollup: 2.78.1 + dev: true + /@sveltejs/adapter-vercel/1.0.0-next.77: resolution: {integrity: sha512-r4MqtP+lzx83HfcvI8PU0Yxzmxt6WQq9nzZETLboJouJzhSBUFIN5RmNZfEn6nNIlUwZbGQUEK/FxsRnnxI/Ig==} dependencies: @@ -222,6 +285,14 @@ packages: resolution: {integrity: sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==} dev: true + /@types/estree/0.0.39: + resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==} + dev: true + + /@types/estree/1.0.0: + resolution: {integrity: sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==} + dev: true + /@types/node/18.7.18: resolution: {integrity: sha512-m+6nTEOadJZuTPkKR/SYK3A2d7FZrgElol9UP1Kae90VVU4a6mxnPuLiIW1m4Cq4gZ/nWb9GrdVXJCoCazDAbg==} dev: true @@ -230,6 +301,12 @@ packages: resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==} dev: true + /@types/resolve/1.17.1: + resolution: {integrity: sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==} + dependencies: + '@types/node': 18.7.18 + dev: true + /@types/sass/1.43.1: resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==} dependencies: @@ -342,6 +419,11 @@ packages: resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==} dev: true + /builtin-modules/3.3.0: + resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==} + engines: {node: '>=6'} + dev: true + /call-bind/1.0.2: resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==} dependencies: @@ -384,6 +466,10 @@ packages: hasBin: true dev: true + /commondir/1.0.1: + resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==} + dev: true + /concat-map/0.0.1: resolution: {integrity: sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=} dev: true @@ -684,6 +770,10 @@ packages: resolution: {integrity: sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==} dev: true + /estree-walker/1.0.1: + resolution: {integrity: sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==} + dev: true + /estree-walker/2.0.2: resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==} dev: true @@ -902,6 +992,13 @@ packages: binary-extensions: 2.2.0 dev: true + /is-builtin-module/3.2.0: + resolution: {integrity: sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw==} + engines: {node: '>=6'} + dependencies: + builtin-modules: 3.3.0 + dev: true + /is-core-module/2.10.0: resolution: {integrity: sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==} dependencies: @@ -932,11 +1029,21 @@ packages: is-extglob: 2.1.1 dev: true + /is-module/1.0.0: + resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==} + dev: true + /is-number/7.0.0: resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==} engines: {node: '>=0.12.0'} dev: true + /is-reference/1.2.1: + resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==} + dependencies: + '@types/estree': 1.0.0 + dev: true + /is-regex/1.1.4: resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==} engines: {node: '>= 0.4'} diff --git a/svelte.config.js b/svelte.config.js index 301e785..6bfb3c4 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -1,4 +1,4 @@ -import adapter from '@sveltejs/adapter-auto'; +import adapter from '@sveltejs/adapter-node'; /** @type {import('@sveltejs/kit').Config} */ const config = { -- 2.38.5 From 6d70c35dcbf7db670e75c06694d096d6551fdaa6 Mon Sep 17 00:00:00 2001 From: Borja Robert Date: Mon, 26 Sep 2022 11:36:34 +0200 Subject: [PATCH 06/10] =?UTF-8?q?a=20ver=20si=20as=C3=AD=20pilla=20la=20im?= =?UTF-8?q?agen?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/preview/Preview.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/preview/Preview.svelte b/src/lib/preview/Preview.svelte index f2252ac..3ef5297 100644 --- a/src/lib/preview/Preview.svelte +++ b/src/lib/preview/Preview.svelte @@ -64,7 +64,7 @@ align-self: center; background-color: lightblue; width: auto; - background-image: url('imagen01.png'); + background-image: url('/imagen01.png'); background-size: contain; position: relative; padding: 1rem; -- 2.38.5 From 96253a7006c41b933112fc4eba728469cc02c300 Mon Sep 17 00:00:00 2001 From: Borja Robert Date: Mon, 26 Sep 2022 12:05:32 +0200 Subject: [PATCH 07/10] ahora funciona bien descargar desde el lado del Form --- src/lib/form/Form.svelte | 16 ++++++++++++++-- src/lib/preview/Preview.svelte | 15 ++------------- src/lib/stores/store.js | 3 ++- 3 files changed, 18 insertions(+), 16 deletions(-) diff --git a/src/lib/form/Form.svelte b/src/lib/form/Form.svelte index 6a59236..e5a364f 100644 --- a/src/lib/form/Form.svelte +++ b/src/lib/form/Form.svelte @@ -1,9 +1,9 @@
-
+
{$heading}
{$title}
{$subtitle}
@@ -46,7 +36,6 @@ {#if newdate}
{newdate.time}
{/if}
{$address}
-
-- 2.38.5 From f69b9acd204bc1d719d31f9165f11f22b56177e6 Mon Sep 17 00:00:00 2001 From: Borja Robert Date: Mon, 26 Sep 2022 12:25:45 +0200 Subject: [PATCH 09/10] estilos mejores en algunos elementos --- src/lib/preview/Preview.svelte | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/lib/preview/Preview.svelte b/src/lib/preview/Preview.svelte index 46d3d84..f106fd3 100644 --- a/src/lib/preview/Preview.svelte +++ b/src/lib/preview/Preview.svelte @@ -69,6 +69,8 @@ font-size: 1rem; color: grey; font-variant: small-caps; + height: 1.2rem; + overflow: hidden; } .title { @@ -76,7 +78,6 @@ top: 320px; left: 1rem; right: 1rem; - align-self: center; font-family: 'Gill Sans', sans-serif; font-size: 2.5rem; font-variant: small-caps; @@ -85,9 +86,14 @@ font-weight: 600; height: 5rem; overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + text-align: center; } .subtitle { position: absolute; + display: flex; top: 415px; left: 1rem; right: 2rem; @@ -95,6 +101,9 @@ color: #575; height: 2.6rem; overflow: hidden; + text-align: center; + align-items: center; + justify-content: center; } .content { -- 2.38.5 From a6501429d33d1dacb19ad9f922e0f46b56b848b9 Mon Sep 17 00:00:00 2001 From: Borja Robert Date: Mon, 26 Sep 2022 12:26:47 +0200 Subject: [PATCH 10/10] ninguna caja colisiona --- src/lib/preview/Preview.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/preview/Preview.svelte b/src/lib/preview/Preview.svelte index f106fd3..99072a3 100644 --- a/src/lib/preview/Preview.svelte +++ b/src/lib/preview/Preview.svelte @@ -145,7 +145,7 @@ position: absolute; top: 650px; left: 2rem; - right: 15rem; + right: 17rem; font-size: 1.15rem; font-family: serif; color: firebrick; -- 2.38.5