dan/golem-landing-page
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

smaller logo on mobile

Browse Source
This commit is contained in:
Dan Suster 2021-01-04 20:33:33 +01:00
parent d804a485e0
commit 78b9ac82dc
Signed by: dan
GPG Key ID: 8950CA05C8CEEB38
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
pages/index.vue
View File

@ -2,11 +2,11 @@
<div class="flex flex-col h-screen w-screen bg-white dark:bg-gray-darkest"> <div class="flex flex-col h-screen w-screen bg-white dark:bg-gray-darkest">
<div class="absolute inset-0 flex flex-col"> <div class="absolute inset-0 flex flex-col">
<div class="m-auto text-center"> <div class="m-auto text-center">
<Logo class="m-0" :img-src="iconGolemSrc" /> <Logo class="m-auto logo" :img-src="iconGolemSrc" />
<h1 class="text-4xl md:text-6xl text-gray-darkest dark:text-gray-lightest"> <h1 class="text-3xl md:text-6xl text-gray-darkest dark:text-gray-lightest">
TheGolem.cz TheGolem.cz
</h1> </h1>
<h2 class="text-2xl md:text-4xl text-gray-darkest dark:text-gray-lightest"> <h2 class="text-1xl md:text-4xl text-gray-darkest dark:text-gray-lightest">
One server to host them all! One server to host them all!
</h2> </h2>
</div> </div>
@ -43,6 +43,15 @@ export default {
} }
</script> </script>
<style> <style scoped>
.logo {
max-width: 340px;
}
@media (min-width: 768px) {
.logo {
max-width: 440px;
}
}
</style> </style>