update(docs): fitview on breakpoint change

This commit is contained in:
Braks
2022-04-04 21:42:48 +02:00
parent 186b96f87d
commit 6fd1ebc3c1
6 changed files with 66 additions and 51 deletions
+4 -4
View File
@@ -7,20 +7,20 @@ import Download from '~icons/carbon/download'
<template>
<div class="w-full bg-gray-900 text-white">
<div class="max-w-9/12 md:max-w-3/4 lg:max-w-4xl m-auto py-4 md:py-12">
<div class="grid md:grid-cols-3 gap-3 md:gap-0 text-center">
<div class="grid grid-rows-2 gap-2 pb-6 md:pb-0 border-b-1 border-gray-400 md:border-b-0">
<div class="grid md:grid-cols-3 gap-3 md:gap-0 text-center <md:divide-y md:divide-x divide-blue-200">
<div class="grid grid-rows-auto gap-2 py-4 md:py-0">
<div class="text-gray-400 font-semibold text-lg">Stargazers</div>
<div class="font-bold text-3xl flex gap-2 items-center justify-center">
<Star /> {{ data.stargazers_count }}
</div>
</div>
<div class="grid grid-rows-2 gap-2 pb-6 md:pb-0 border-b-1 border-gray-400 md:border-b-0">
<div class="grid grid-rows-2 gap-2 py-4 md:py-0">
<div class="text-gray-400 font-semibold text-lg">Downloads (last month)</div>
<div class="font-bold text-3xl flex gap-2 items-center justify-center">
<Download /> {{ data.downloads }}
</div>
</div>
<div class="grid grid-rows-2 gap-2">
<div class="grid grid-rows-2 gap-2 py-4 md:py-0">
<div class="text-gray-400 font-semibold text-lg">License</div>
<div class="font-bold text-3xl">
{{ data.license.key.toUpperCase() }}