mirror of
https://github.com/NotXia/notxia.github.io.git
synced 2025-12-15 19:22:21 +01:00
Fix light theme colors
This commit is contained in:
@ -3,7 +3,7 @@
|
|||||||
<div class="flex justify-center w-full h-full" v-if="month_offset > 0 && min_date && max_date">
|
<div class="flex justify-center w-full h-full" v-if="month_offset > 0 && min_date && max_date">
|
||||||
|
|
||||||
<!-- Left side -->
|
<!-- Left side -->
|
||||||
<ol class="relative border-r text-right w-1/2 border-zinc-200 dark:border-zinc-700">
|
<ol class="relative border-r text-right w-1/2 border-zinc-300 dark:border-zinc-700">
|
||||||
<li class="mr-4 absolute right-0" v-for="event in left_events" :key="props.left[event.index].title" :style="`top: ${event.offset*month_offset}px`">
|
<li class="mr-4 absolute right-0" v-for="event in left_events" :key="props.left[event.index].title" :style="`top: ${event.offset*month_offset}px`">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<!-- Start point -->
|
<!-- Start point -->
|
||||||
@ -29,7 +29,7 @@
|
|||||||
<div class="w-4"></div>
|
<div class="w-4"></div>
|
||||||
|
|
||||||
<!-- Right side -->
|
<!-- Right side -->
|
||||||
<ol class="relative w-1/2 border-l border-zinc-200 dark:border-zinc-700">
|
<ol class="relative w-1/2 border-l border-zinc-300 dark:border-zinc-700">
|
||||||
<li class="ml-4 absolute left-0" v-for="event in right_events" :key="props.right[event.index].title" :style="`top: ${event.offset*month_offset}px`">
|
<li class="ml-4 absolute left-0" v-for="event in right_events" :key="props.right[event.index].title" :style="`top: ${event.offset*month_offset}px`">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<!-- Start point -->
|
<!-- Start point -->
|
||||||
@ -90,7 +90,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function updateTimelineSize():void {
|
function updateTimelineSize():void {
|
||||||
const available_space:number = container_timeline.value.clientHeight ?? 0;
|
const available_space:number = container_timeline.value?.clientHeight ?? 0;
|
||||||
let events_min_date:Date = new Date(),
|
let events_min_date:Date = new Date(),
|
||||||
events_max_date:Date = new Date(0);
|
events_max_date:Date = new Date(0);
|
||||||
|
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="border rounded-md p-3 mx-auto w-full lg:w-2/3 xl:w-1/2">
|
<div class="border border-gray-500 dark:border-gray-300 rounded-md p-3 mx-auto w-full lg:w-2/3 xl:w-1/2">
|
||||||
<h3 class="text-2xl font-semibold text-center text-gray-900 dark:text-white">{{ props.title }}</h3>
|
<h3 class="text-2xl font-semibold text-center text-gray-900 dark:text-white">{{ props.title }}</h3>
|
||||||
<div class="text-center mb-2">
|
<div class="text-center mb-2">
|
||||||
<a v-for="link in props.links" :href="link.url" class="font-mono inline-block hover:underline mx-2">{{ link.label }}</a>
|
<a v-for="link in props.links" :href="link.url" class="font-mono inline-block hover:underline mx-2">{{ link.label }}</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user