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> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <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> <title>Hutopy</title>
</head> </head>

10
frontend/src/App.vue
View File

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

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

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