From 7a2112a1a6f264c1838366f1f8ba8bbe9f47d19e Mon Sep 17 00:00:00 2001
From: Raghav <raghavsmart1213@gmail.com>
Date: Tue, 25 Feb 2025 07:55:22 +0000
Subject: [PATCH] Tried to add css for form but failed
---
assets/dist/css/login.css | 25 +++++++++++++++++++++++++
login.php | 37 ++++++++++++++++++++++++++++++++++---
2 files changed, 59 insertions(+), 3 deletions(-)
create mode 100644 assets/dist/css/login.css
diff --git a/assets/dist/css/login.css b/assets/dist/css/login.css
new file mode 100644
index 0000000..641f6d9
--- /dev/null
+++ b/assets/dist/css/login.css
@@ -0,0 +1,25 @@
+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;
+}
diff --git a/login.php b/login.php
index 8da4ea1..91e57f1 100644
--- a/login.php
+++ b/login.php
@@ -12,7 +12,7 @@ include 'libs/load.php';
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.122.0">
- <title>Album example · Bootstrap v5.3</title>
+ <title>Login Page</title>
<link rel="canonical" href="https://getbootstrap.com/docs/5.3/examples/album/">
@@ -20,7 +20,8 @@ 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>
.bd-placeholder-img {
@@ -99,9 +100,38 @@ 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 -->
@@ -183,6 +213,7 @@ include 'libs/load.php';
<main>
+<!-- login content added -->
<?load_template('login-content');?>
</main>
--
GitLab