deblan/og-image
deblan/og-image
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

decrease paddings
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Simon Vieille 2024-04-18 20:20:33 +02:00
parent 621c07eb7f
commit 1512d71016
Signed by: deblan
GPG key ID: 579388D585F70417
3 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/base/TopMenu.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<header class="flex flex-row items-center gap-2 pb-4 border-b-2 sm:gap-4 lg:pb-8"> <header class="flex flex-row items-center gap-2 pb-4 border-b-2 sm:gap-4">
<span class="px-3 py-2 rounded bg-fuchsia-300"> <span class="px-3 py-2 rounded bg-fuchsia-300">
<svg <svg
class="inline stroke-purple-900" class="inline stroke-purple-900"

2
src/index.html
View file

@ -5,7 +5,7 @@
<title></title> <title></title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body class="mx-auto p-4 lg:p-10"> <body class="mx-auto p-4">
<div id="app" class="bg-grey"></div> <div id="app" class="bg-grey"></div>
</body> </body>
</html> </html>

6
src/page/OgImageGeneratorPage.vue
View file

@ -691,7 +691,7 @@ export default {
updateOgMaxWidth() { updateOgMaxWidth() {
this.$refs.og.style.display = 'none' this.$refs.og.style.display = 'none'
this.ogMaxWidth = this.$refs.ogwrapper.offsetWidth - 30 this.ogMaxWidth = this.$refs.ogwrapper.offsetWidth - 30
this.ogMaxHeight = this.$refs.tools.offsetHeight - 50 this.ogMaxHeight = this.$refs.tools.offsetHeight
this.$refs.og.style.display = 'block' this.$refs.og.style.display = 'block'
}, },
} }
@ -700,12 +700,12 @@ export default {
<style> <style>
.tool { .tool {
max-height: calc(100vh - 250px); max-height: calc(100vh - 200px);
overflow: auto; overflow: auto;
} }
.tools { .tools {
height: calc(100vh - 250px); height: calc(100vh - 200px);
width: 443px; width: 443px;
} }