Skip to content

Commit

Permalink
Merge pull request #95 from unb-mds/front-73/feat/implementacao-telas…
Browse files Browse the repository at this point in the history
…-iniciais

Alterações no CSS da página e no arquvio SVG da logo do botão.
  • Loading branch information
TiagoBalieiro authored Dec 8, 2024
2 parents 8418f71 + 34a5ed9 commit a77b1e5
Show file tree
Hide file tree
Showing 4 changed files with 14 additions and 13 deletions.
Empty file removed web/src/components/icons/.gitkeep
Empty file.
Binary file removed web/src/components/icons/Microsoft_logo.svg
Binary file not shown.
1 change: 1 addition & 0 deletions web/src/components/icons/Microsoft_logo2.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
26 changes: 13 additions & 13 deletions web/src/views/Login.vue
Original file line number Diff line number Diff line change
@@ -1,22 +1,22 @@
<template>
<div class="telaInteira bg-azul text-white p-4 h-screen">
<div class="titulo flex space-x-1 mt-20 mb-20 ml-8 md:flex md:justify-center md:mb-52">
<div class="telaInteira flex flex-col justify-between bg-azul text-white h-screen">
<div class="titulo flex space-x-1 mt-20 ml-10 md:justify-center">
<h1 class="text-5xl italic font-light md:text-6xl">Achei</h1>
<h1 class="text-5xl font-bold md:text-6xl">UnB</h1>
</div>
<div class="slogan max-w-72 ml-8 md:mr-8 md:max-w-none md:w-auto md:text-center">
<p class="text-5xl font-bold mb-4 md:text-6xl">Perdeu algo no campus?</p>
<p class="text-5xl italic font-light mb-4 md:text-6xl">A gente te ajuda!</p>
<div class="slogan max-w-72 mb-40 ml-10 md:max-w-none md:w-auto md:text-center">
<p class="text-5xl font-bold md:text-6xl">Perdeu algo no campus?</p>
<p class="text-5xl italic font-light md:text-6xl">A gente te ajuda!</p>
</div>

<div class="flex justify-center mt-52 lg:">
<button
@click="redirectToLoginMicrosoft"
class="flex items-center rounded-full bg-gray-50 px-5 py-3 text-md font-medium text-azul ring-1 ring-inset ring-gray-500/10">
<!--img src="../components/icons/Microsoft_logo.svg" alt="Logo Microsoft" class="h-6 w-auto mr-2"/-->
Entre com a conta da Microsoft
</button>
</div>
<div class="flex justify-center mb-40">
<button
@click="redirectToLoginMicrosoft"
class="flex items-center rounded-full bg-gray-50 px-5 py-3 text-md font-medium text-azul ring-1 ring-inset ring-gray-500/10">
<img src="../components/icons/Microsoft_logo2.svg" alt="Logo Microsoft" class="h-6 w-auto mr-2">
Entre com a conta da Microsoft
</button>
</div>
</div>
</template>

Expand Down

0 comments on commit a77b1e5

Please sign in to comment.