Skip to content
Snippets Groups Projects
Commit ee7d88af authored by Raghav's avatar Raghav
Browse files

CSS added for form success

parent 7a2112a1
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
_templates/login-content.php
+ 1
− 2
View file @ ee7d88af
<form>
<form>
<img class="mb-4" src="../assets/brand/bootstrap-logo.svg" alt="" width="72" height="57"> <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> <h1 class="h3 mb-3 fw-normal">Please sign in</h1>
......
assets/dist/css/login-in.css 0 → 100644
+ 26
− 0
View file @ ee7d88af
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
login.php
+ 11
− 35
View file @ ee7d88af
...@@ -20,8 +20,11 @@ include 'libs/load.php'; ...@@ -20,8 +20,11 @@ include 'libs/load.php';
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3"> <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> <style>
.bd-placeholder-img { .bd-placeholder-img {
...@@ -100,38 +103,9 @@ include 'libs/load.php'; ...@@ -100,38 +103,9 @@ include 'libs/load.php';
.bd-mode-toggle .dropdown-menu .active .bi { .bd-mode-toggle .dropdown-menu .active .bi {
display: block !important; 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> </style>
<link href="/photogram-project-php/assets/dist/css/login.css" rel="stylesheet">
</head> </head>
<body> <body>
<!-- To change dark to light mode --> <!-- To change dark to light mode -->
...@@ -211,11 +185,13 @@ body { ...@@ -211,11 +185,13 @@ body {
<?load_template('header')?> <?load_template('header')?>
</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');?> <?load_template('login-content');?>
</main> </main>
<!-- To load footer (footer.php) from template folder --> <!-- To load footer (footer.php) from template folder -->
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment