mobile layout

This commit is contained in:
z0x 2024-09-20 15:50:17 -04:00
parent 33c8add1f8
commit ca9edc727f

View file

@ -6,8 +6,8 @@
<title>Homepage</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="flex items-center justify-center min-h-screen bg-[url('./assets/img/building.png')] bg-no-repeat bg-cover bg-center">
<div class="grid grid-cols-4 grid-rows-4 gap-4">
<body class="flex items-center justify-center min-h-screen overflow-hidden bg-[url('./assets/img/building.png')] bg-no-repeat bg-cover bg-center">
<div class="grid grid-cols-2 md:grid-cols-4 grid-rows-8 md:grid-rows-4 gap-4">
<a href="https://owncloud.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 rounded-lg">
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/owncloud.svg">