From ee7d88afe99eecd6e840145ee6c1591dcc0113d4 Mon Sep 17 00:00:00 2001
From: Raghav <raghavsmart1213@gmail.com>
Date: Tue, 25 Feb 2025 08:08:41 +0000
Subject: [PATCH] CSS added for form success
---
_templates/login-content.php | 3 +--
assets/dist/css/login-in.css | 26 ++++++++++++++++++++
login.php | 46 +++++++++---------------------------
3 files changed, 38 insertions(+), 37 deletions(-)
create mode 100644 assets/dist/css/login-in.css
diff --git a/_templates/login-content.php b/_templates/login-content.php
index 3b08df6..c1dbdac 100644
--- a/_templates/login-content.php
+++ b/_templates/login-content.php
@@ -1,5 +1,4 @@
-
- <form>
+<form>
<img class="mb-4" src="../assets/brand/bootstrap-logo.svg" alt="" width="72" height="57">
<h1 class="h3 mb-3 fw-normal">Please sign in</h1>
diff --git a/assets/dist/css/login-in.css b/assets/dist/css/login-in.css
new file mode 100644
index 0000000..86c9622
--- /dev/null
+++ b/assets/dist/css/login-in.css
@@ -0,0 +1,26 @@
+
+body {
+ height: 100%;
+ }
+
+ .form-signin {
+ max-width: 330px;
+ padding: 1rem;
+ }
+
+ .form-signin .form-floating:focus-within {
+ z-index: 2;
+ }
+
+ .form-signin input[type="email"] {
+ margin-bottom: -1px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .form-signin input[type="password"] {
+ margin-bottom: 10px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
\ No newline at end of file
diff --git a/login.php b/login.php
index 91e57f1..c447465 100644
--- a/login.php
+++ b/login.php
@@ -20,8 +20,11 @@ include 'libs/load.php';
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3">
- <link href="/photogram-project-php/assets/dist/css/bootstrap.min.css" rel="stylesheet">
-
+<link href="/photogram-project-php/assets/dist/css/bootstrap.min.css" rel="stylesheet">
+
+<!-- Style for login forms -->
+ <link href="/photogram-project-php/assets/dist/css/login-in.css" rel="stylesheet">
+
<style>
.bd-placeholder-img {
@@ -100,38 +103,9 @@ include 'libs/load.php';
.bd-mode-toggle .dropdown-menu .active .bi {
display: block !important;
}
-
- /* login css code */
- html,
-body {
- height: 100%;
-}
-
-.form-signin {
- max-width: 330px;
- padding: 1rem;
-}
-
-.form-signin .form-floating:focus-within {
- z-index: 2;
-}
-
-.form-signin input[type="email"] {
- margin-bottom: -1px;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
-
-.form-signin input[type="password"] {
- margin-bottom: 10px;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
-
-
</style>
-
- <link href="/photogram-project-php/assets/dist/css/login.css" rel="stylesheet">
+
+
</head>
<body>
<!-- To change dark to light mode -->
@@ -211,11 +185,13 @@ body {
<?load_template('header')?>
</header>
-<main>
+<main class="form-signin w-100 m-auto">
-<!-- login content added -->
+<!-- To load login-content form to sign-in -->
<?load_template('login-content');?>
+
+
</main>
<!-- To load footer (footer.php) from template folder -->
--
GitLab