Style cleanup
This commit is contained in:
@@ -22,11 +22,11 @@
|
|||||||
</a>
|
</a>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div id='container' class='min-h-screen z-0 p-8 pt-20 bg-gray-100'>
|
<div id='container' class='min-h-screen z-0 p-8 pt-16 bg-gray-100'>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<template id='events-container'>
|
<template id='events-container'>
|
||||||
<div class='my-8'>
|
<div class='my-4'>
|
||||||
<h2 class='events-container-title text-2xl mb-4'></h2>
|
<h2 class='events-container-title text-2xl mb-4'></h2>
|
||||||
<div class='grid md:grid-cols-3 lg:grid-cols-4 grid-cols-1 gap-4'>
|
<div class='grid md:grid-cols-3 lg:grid-cols-4 grid-cols-1 gap-4'>
|
||||||
</div>
|
</div>
|
||||||
@@ -34,17 +34,17 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template id='event-card'>
|
<template id='event-card'>
|
||||||
<div class='shadow-xl rounded-md text-center p-4 bg-white relative'>
|
<div class='drop-shadow-md rounded-md text-center p-4 bg-white relative'>
|
||||||
<h3 class='event-name text-2xl'></h3>
|
<h3 class='event-name text-2xl'></h3>
|
||||||
|
|
||||||
<span class='event-type py-0.5 px-3 rounded my-2 inline-block'></span>
|
<span class='event-type py-0.5 px-3 rounded my-2 inline-block'></span>
|
||||||
|
|
||||||
<div class='event-date text-red-600 text-l'>
|
<div class='event-date text-l'>
|
||||||
<span class='event-start'></span>
|
<span class='event-start'></span>
|
||||||
<span class='event-time-seperator hidden'> - </span>
|
<span class='event-time-seperator hidden'> - </span>
|
||||||
<span class='event-end'></span>
|
<span class='event-end'></span>
|
||||||
</div>
|
</div>
|
||||||
<div class='event-time text-red-600 text-l'>
|
<div class='event-time text-l'>
|
||||||
<span class='event-start'></span>
|
<span class='event-start'></span>
|
||||||
<span class='event-time-seperator hidden'> - </span>
|
<span class='event-time-seperator hidden'> - </span>
|
||||||
<span class='event-end'></span>
|
<span class='event-end'></span>
|
||||||
|
|||||||
@@ -6,6 +6,7 @@ const mainContainer = document.getElementById('container');
|
|||||||
async function main() {
|
async function main() {
|
||||||
const query = {
|
const query = {
|
||||||
sort: 'start',
|
sort: 'start',
|
||||||
|
limit: 50
|
||||||
};
|
};
|
||||||
|
|
||||||
const stringifiedQuery = Qs.stringify({
|
const stringifiedQuery = Qs.stringify({
|
||||||
|
|||||||
@@ -23,8 +23,8 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div id='container' class='min-h-screen z-0 p-8 pt-20 bg-gray-100'>
|
<div id='container' class='min-h-screen z-0 p-8 pt-20 bg-gray-100'>
|
||||||
<div id='event' class='shadow-xl rounded-md p-4 bg-white relative'>
|
<div id='event' class='drop-shadow-md rounded-md p-4 bg-white relative'>
|
||||||
<div class='flex gap-4 items-center'>
|
<div class='flex gap-4 items-center flex-wrap'>
|
||||||
<h2 class='event-name text-3xl'></h2>
|
<h2 class='event-name text-3xl'></h2>
|
||||||
<span class='event-type py-0.5 px-3 rounded my-2 inline-block'></span>
|
<span class='event-type py-0.5 px-3 rounded my-2 inline-block'></span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user