shni/amayo
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: ajustar el diseño de la página principal y mejorar la estructura de los componentes EJS

Browse Source
This commit is contained in:
shni
2025-10-07 12:30:02 -05:00
parent 2d8ec9e9b8
commit 595fb592e5
4 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/server/views/pages/index.ejs
View File

@@ -63,14 +63,14 @@
</div>
</header>
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-12 lg:py-16">
<div class="mx-auto px-4 sm:px-6 lg:px-8 py-12 lg:py-16 max-w-[90rem]">
<div class="flex min-h-screen flex-col">
<div class="mx-auto flex w-full max-w-6xl flex-1 flex-col gap-10 px-6 pb-16 lg:flex-row lg:px-10">
<div class="mx-auto flex w-full max-w-[90rem] flex-1 flex-col gap-10 px-0 md:px-6 pb-16 lg:flex-row lg:px-10">
<%- await include('../partials/toc') %>
<main class="flex-1 min-w-0">
<div class="mx-auto flex w-full max-w-3xl flex-col gap-8">
<main class="flex-1 min-w-0 lg:max-w-4xl xl:max-w-5xl">
<div class="mx-auto flex w-full flex-col gap-8">
<%- await include('../partials/sections/primeros-pasos') %>
<%- await include('../partials/sections/comandos-basicos') %>
<%- await include('../partials/sections/sistema-juego') %>
@@ -98,7 +98,7 @@
</div>
</main>
<aside class="w-full lg:w-80 xl:w-96 lg:sticky lg:top-24 lg:h-fit lg:self-start">
<aside class="w-full lg:w-80 xl:w-96 2xl:w-[28rem] lg:sticky lg:top-24 lg:h-fit lg:self-start">
<%- await include('../partials/rightSidebar') %>
</aside>
</div>

2
src/server/views/partials/navbar.ejs
View File

@@ -1,5 +1,5 @@
<nav class="fixed inset-x-0 top-0 z-50 border-b border-white/10 bg-slate-950/70 backdrop-blur">
<div class="mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 h-14 flex items-center justify-between">
<div class="mx-auto max-w-[90rem] px-4 sm:px-6 lg:px-8 h-14 flex items-center justify-between">
<a href="#" class="text-white font-bold tracking-wide"><%= appName %></a>
<div class="hidden md:flex items-center gap-4 text-sm">
<a href="#primeros-pasos" class="text-slate-300 hover:text-white">Guía</a>

2
src/server/views/partials/rightSidebar.ejs
View File

@@ -1,4 +1,4 @@
<div class="space-y-6">
<div class="space-y-6 xl:space-y-8">
<!-- Ko-fi card -->
<div class="rounded-2xl border border-white/10 bg-slate-900/70 shadow-2xl shadow-indigo-500/10 overflow-hidden">
<div class="p-4 border-b border-white/10">

2
src/server/views/partials/toc.ejs
View File

@@ -1,4 +1,4 @@
<nav id="toc" class="w-full max-w-xs rounded-3xl border border-white/10 bg-slate-900/80 text-left shadow-2xl shadow-indigo-500/20 lg:sticky lg:top-24 lg:block lg:max-h-[calc(100vh-6rem)] lg:w-74 lg:overflow-y-auto">
<nav id="toc" class="w-full max-w-sm rounded-3xl border border-white/10 bg-slate-900/80 text-left shadow-2xl shadow-indigo-500/20 lg:sticky lg:top-24 lg:block lg:max-h-[calc(100vh-6rem)] lg:w-80 lg:overflow-y-auto">
<div class="text-xs p-6 font-semibold uppercase tracking-[0.3em] text-slate-400">
Índice de Contenidos
</div>