jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix app layout. (login scrolling)

Browse Source
This commit is contained in:
Jonathan Bourdon
2025-02-17 22:35:04 -05:00
parent 24f5d79a55
commit 696ff99580
3 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/index.html
View File

@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<title>Hutopy</title>
</head>

10
frontend/src/App.vue
View File

@@ -21,22 +21,26 @@ import SideBar from "@/views/main/SideBar.vue";
<style scoped>
.shell-container {
@apply flex;
@apply flex flex-col lg:flex-row;
@apply font-sans;
@apply bg-hBackground text-hOnBackground;
@apply flex-col lg:flex-row;
@apply h-screen;
@apply bg-red-300;
}
.shell-side {
@apply border border-[#3d3d3d];
@apply lg:min-h-screen;
@apply lg:h-screen;
@apply lg:fixed;
@apply border-b lg:border-b-0 lg:border-r;
@apply flex-shrink-0;
}
.shell-view {
@apply flex-grow;
@apply flex justify-center items-center;
@apply w-full;
@apply lg:ml-64;
@apply bg-red-500;
}
</style>

5
frontend/src/views/LoginView.vue
View File

@@ -23,8 +23,9 @@ async function googleCallback(token) {
<template>
<div class="flex min-h-screen justify-center items-center p-10 w-full">
<div class="card justify-items-center ">
<div class="flex min-h-full justify-center items-center p-10 w-full">
<div class="card justify-items-center">
<img alt="hutopy login"
src="/images/hutopy-logo.png"/>