josephkurian
/
CodeIgniter_Gforms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added box shadow and improved add question ui

This commit is contained in:
jostheta 2024-07-19 00:55:35 +05:30
parent 294747446f
commit a259008a9a
3 changed files with 32 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
application/config/database.php
View File

@ -76,8 +76,8 @@ $query_builder = TRUE;
$db['default'] = array( $db['default'] = array(
'dsn' => '', 'dsn' => '',
'hostname' => 'localhost', 'hostname' => 'localhost',
'username' => 'jostheta', 'username' => 'root',
'password' => 'Pa$$w0rd', 'password' => '',
'database' => 'gforms', 'database' => 'gforms',
'dbdriver' => 'mysqli', 'dbdriver' => 'mysqli',
'dbprefix' => '', 'dbprefix' => '',

4
application/views/forms/create.php
View File

@ -63,12 +63,12 @@
</div> </div>
<div class="sidebar"> <div class="sidebar">
<button id="add-question"> <button id="add-question" class="add-question-button">
<img src="<?= base_url() ?>assets/images/add.png" width="20px" height="20px" alt="add button"> <img src="<?= base_url() ?>assets/images/add.png" width="20px" height="20px" alt="add button">
</button> </button>
<button id="submit-form" style="color: #fff; background-color: #1a73e8; font-weight: 500; padding: 10px; border: none;">Submit</button>
</div> </div>
</div> </div>
<button id="submit-form" class="submit-button">Submit</button>
</div> </div>
<!-- now we are trying the side bar --> <!-- now we are trying the side bar -->

34
assets/css/style.css
View File

@ -24,9 +24,8 @@
.section{ .section{
margin: 0 auto; margin: 0 auto;
width: 50%;
display: flex; display: flex;
width: 52%;
align-items: center; align-items: center;
} }
@ -50,7 +49,7 @@
border-radius: 8px; border-radius: 8px;
padding: 30px 25px; padding: 30px 25px;
text-transform: capitalize; text-transform: capitalize;
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
} }
.form_container_top_title{ .form_container_top_title{
@ -91,7 +90,7 @@
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
font-family: 'Roboto'; font-family: 'Roboto';
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
} }
@ -290,7 +289,32 @@ tr:nth-child(even) {
} }
.sidebar{
background-color: white;
margin-left: 13px;
padding: 10px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
border-radius: 5px;
}
.submit-button{
color: #fff;
background-color: #7349bd;
font-family:'Roboto';
font-weight: 500;
padding: 10px;
border: none;
width: 96px;
border-radius: 5px;
text-align: center;
margin-left:328px;
margin-top: 10px;
}
.add-question-button{
border:none;
background-color: white;
}