Skip to content

Commit

Permalink
fix: design
Browse files Browse the repository at this point in the history
  • Loading branch information
@DevNono
DevNono committed May 16, 2024
1 parent 014a659 commit 4c121dd
Showing 1 changed file with 15 additions and 15 deletions.
30 changes: 15 additions & 15 deletions web/www/getCode.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
</head>

<body>
<div class="flex flex-col items-center justify-center min-h-screen py-6 bg-gray-50 dark:bg-neutral-900 duration-300 transition-all">
<div class="flex flex-col items-center justify-center min-h-screen py-6 transition-all duration-300 bg-gray-50 dark:bg-neutral-900">
<div class="flex flex-col items-center justify-center">
<svg
class="w-32 h-auto"
Expand Down Expand Up @@ -52,21 +52,21 @@
</svg>
</div>
<div
class="mt-7 bg-white border border-gray-200 rounded-xl shadow-sm dark:bg-neutral-900 dark:border-neutral-700 w-96">
class="bg-white border border-gray-200 shadow-sm mt-7 rounded-xl dark:bg-neutral-900 dark:border-neutral-700 w-96">
<div class="p-4 sm:p-7">
<div class="text-center">
<h1 class="block text-2xl font-bold text-gray-800 dark:text-white"><%= type === 'borrow' ? 'Emprunt' : 'Rendu' %></h1>
</div>

<div class="mt-5">
<h2 class="block text-6xl font-bold text-gray-800 text-center dark:text-white tracking-widest ml-1"><%= code %>E</h2>
<h3 class="block text-2xl font-bold text-gray-800 text-center dark:text-white ml-1">
<h2 class="block ml-1 text-6xl font-bold tracking-widest text-center text-gray-800 dark:text-white"><%= code %>E</h2>
<h3 class="block ml-1 text-2xl font-bold text-center text-gray-800 dark:text-white">
<span class="text-[#2d8fce] mr-2"><%= joycons %></span>joycons à<span class="text-[#2d8fce] ml-2"><%= type === 'borrow' ? 'récupérer' : 'rendre' %></span>
</h3>
</div>

<% if(type === 'borrow') { %>
<a class="bg-[#2d8fce] hover:bg-[#2a7fba] duration-300 box-border transition-all text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline flex justify-center items-center gap-2 mt-2" href="/cancel">
<a class="bg-[#2d8fce] hover:bg-[#2a7fba] duration-300 box-border transition-all text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline flex justify-center items-center gap-2 mt-6" href="/cancel">
<svg class="w-5 h-5" stroke="currentColor" stroke-width="2" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="m7.5 4.27 9 5.15"/><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/>
</svg>
Expand All @@ -75,9 +75,9 @@ <h3 class="block text-2xl font-bold text-gray-800 text-center dark:text-white ml
<% } %>

<div class="text-center"></div>
<p class="text-gray-500 dark:text-neutral-400 mt-4 italic text-center">Présente cette page à un respo foyer pour <span><%= type === 'borrow' ? 'récupérer' : 'rendre' %></span> les joycons.</p>
<p class="mt-4 italic text-center text-gray-500 dark:text-neutral-400">Présente cette page à un respo foyer pour <span><%= type === 'borrow' ? 'récupérer' : 'rendre' %></span> les joycons.</p>
<% if (type === 'borrow') { %>
<div class="mt-6 p-2 gap-3 text-sm bg-white border border-gray-200 rounded-xl shadow-sm flex items-center justify-center dark:border-neutral-700 text-gray-500 dark:text-neutral-400 dark:bg-neutral-900" id="what-to-do-next">
<div class="flex items-center justify-center gap-3 p-2 mt-6 text-sm text-gray-500 bg-white border border-gray-200 shadow-sm rounded-xl dark:border-neutral-700 dark:text-neutral-400 dark:bg-neutral-900" id="what-to-do-next">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 shrink-0 stroke-gray-500 dark:stroke-neutral-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>
Actualise cette page pour rendre les joycons une fois ta session de jeu terminée&nbsp;!
</div>
Expand All @@ -86,26 +86,26 @@ <h3 class="block text-2xl font-bold text-gray-800 text-center dark:text-white ml
</div>
</div>
</div>
<div class="fixed bottom-6 flex flex-col w-full justify-center items-center dark:text-white">
<p class="text-sm">En cas de problème, merci de contacter <a class="hover:underline text-blue-500 font-bold" href="mailto:[email protected]">[email protected]</a></p>
<div class="fixed flex flex-col items-center justify-center w-full bottom-6 dark:text-white">
<p class="text-sm">En cas de problème, merci de contacter <a class="font-bold text-blue-500 hover:underline" href="mailto:[email protected]">[email protected]</a></p>
<a class="text-sm hover:underline" href="/legal">Mentions légales</a>
</div>
<div class="group fixed top-0 md:bottom-0 md:top-auto left-0 md:right-0 md:left-auto p-4 flex items-end justify-end w-24 h-24">
<div class="fixed top-0 left-0 flex items-end justify-end w-24 h-24 p-4 group md:bottom-0 md:top-auto md:right-0 md:left-auto">
<!-- main -->
<button type="button" onclick="switchTheme()"
class="text-white shadow-xl flex items-center justify-center p-3 rounded-full bg-gradient-to-r from-cyan-500 to-blue-500 z-50 absolute svg-containers relative">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 duration-300 transition-all">
class="absolute relative z-50 flex items-center justify-center p-3 text-white rounded-full shadow-xl bg-gradient-to-r from-cyan-500 to-blue-500 svg-containers">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 transition-all duration-300">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 duration-300 transition-all absolute">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="absolute w-6 h-6 transition-all duration-300">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />
</svg>
</div>
</div>
<div class="group fixed top-0 right-0 p-4 flex items-end justify-end w-24 h-24">
<div class="fixed top-0 right-0 flex items-end justify-end w-24 h-24 p-4 group">
<!-- main -->
<a href="/logout"
class="text-white shadow-xl flex items-center justify-center p-3 rounded-full bg-gradient-to-r from-rose-500 to-red-500 z-50 absolute svg-containers">
class="absolute z-50 flex items-center justify-center p-3 text-white rounded-full shadow-xl bg-gradient-to-r from-rose-500 to-red-500 svg-containers">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15m-3 0-3-3m0 0 3-3m-3 3H15" />
</svg>
Expand Down

0 comments on commit 4c121dd

Please sign in to comment.