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(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'jostheta',
'password' => 'Pa$$w0rd',
'username' => 'root',
'password' => '',
'database' => 'gforms',
'dbdriver' => 'mysqli',
'dbprefix' => '',

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

@ -63,12 +63,12 @@
</div>
<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">
</button>
<button id="submit-form" style="color: #fff; background-color: #1a73e8; font-weight: 500; padding: 10px; border: none;">Submit</button>
</div>
</div>
<button id="submit-form" class="submit-button">Submit</button>
</div>
<!-- now we are trying the side bar -->

32
assets/css/style.css
View File

@ -24,9 +24,8 @@
.section{
margin: 0 auto;
width: 50%;
display: flex;
width: 52%;
align-items: center;
}
@ -50,7 +49,7 @@
border-radius: 8px;
padding: 30px 25px;
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{
@ -91,7 +90,7 @@
margin-top: 10px;
margin-bottom: 10px;
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;
}