Skip to content

smart_core_connect / core-connect

Go to a project
Commit a2c840d2 by Prasong Putichanchai
Options

update card

parent 7666d4de
Showing with 167 additions and 6 deletions
www/src/Template/Element/card_from/from_0.ctp
...@@ -82,7 +82,7 @@ use Cake\I18n\Time; ...@@ -82,7 +82,7 @@ use Cake\I18n\Time;
<!--/row modal card--> <!--/row modal card-->
<style> <style>
.form_1 { /* .form_1 {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: auto; margin: auto;
...@@ -130,6 +130,167 @@ use Cake\I18n\Time; ...@@ -130,6 +130,167 @@ use Cake\I18n\Time;
width: 500px; width: 500px;
margin: 70% 0% 0% 20%; margin: 70% 0% 0% 20%;
border-bottom: 0px solid #000; border-bottom: 0px solid #000;
} */
/* Add your styles for devices with a maximum width of 320 */
@media screen and (max-width: 320px) {
.rotate270 .row {
font-size: 20px !important;
}
.form_1 {
width: 100%;
height: 100%;
margin: auto;
padding: auto;
}
.form_1-card-img {
position: absolute;
width: 100%;
margin: auto;
padding: auto;
}
.form_1-card-img img {
position: relative;
width: 100%;
}
.form_1 .date-name {
width: 400px;
margin: 50% 0% 0% -40%;
border-bottom: 0px solid red;
position: absolute;
z-index: 9999;
display: block;
}
.date-name div div {
height: 35px;
}
.form_1 .date-position {
width: 400px;
margin: 68% 0% 0% -12%;
border-bottom: 0px solid #000;
}
.form_1 .date-time {
width: 400px;
margin: 70% 0% 0% 5%;
border-bottom: 0px solid #000;
}
.form_1 .date-label {
width: 400px;
margin: 70% 0% 0% 15%;
border-bottom: 0px solid #000;
}
}
/* Add your styles for devices with a maximum width of 480 */
@media screen and (min-width: 480px) and (max-width: 320px){
.rotate270 .row {
font-size: 22px !important;
}
.form_1 {
color:red;
width: 100%;
height: 100%;
margin: auto;
padding: auto;
}
.form_1-card-img {
position: absolute;
width: 100%;
margin: auto;
padding: auto;
}
.form_1-card-img img {
position: relative;
width: 100%;
}
.form_1 .date-name {
width: 400px;
margin: 50% 0% 0% -40%;
border-bottom: 0px solid red;
position: absolute;
z-index: 9999;
display: block;
}
.date-name div div {
height: 35px;
}
.form_1 .date-position {
width: 400px;
margin: 68% 0% 0% -12%;
border-bottom: 0px solid #000;
}
.form_1 .date-time {
width: 400px;
margin: 70% 0% 0% 5%;
border-bottom: 0px solid #000;
}
.form_1 .date-label {
width: 400px;
margin: 70% 0% 0% 15%;
border-bottom: 0px solid #000;
}
}
/* Add your styles for devices with a maximum width of 768 */
@media screen and (min-width: 768px) and (max-width: 480px) { }
/* iPads (landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 480px) and (orientation : landscape) {}
/* iPads (portrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 480px) and (orientation : portrait) {}
@media (min-width: 768px) {
/* .form_1 {
width: 100%;
height: 100%;
margin: auto;
padding: auto;
}
.form_1-card-img {
position: absolute;
width: 100%;
margin: auto;
padding: auto;
}
.form_1-card-img img {
position: relative;
width: 100%;
}
.form_1 .date-name {
width: 500px;
margin: 55% 0% 0% -40%;
border-bottom: 0px solid red;
position: absolute;
z-index: 9999;
display: block;
}
.date-name div div {
height: 35px;
}
.form_1 .date-position {
width: 500px;
margin: 70% 0% 0% -15%;
border-bottom: 0px solid #000;
}
.form_1 .date-time {
width: 500px;
margin: 70% 0% 0% 10%;
border-bottom: 0px solid #000;
}
.form_1 .date-label {
width: 500px;
margin: 70% 0% 0% 20%;
border-bottom: 0px solid #000;
} */
} }
</style> </style>
\ No newline at end of file
www/src/Template/Profiles/index.ctp
...@@ -351,14 +351,14 @@ use Cake\I18n\Time; ...@@ -351,14 +351,14 @@ use Cake\I18n\Time;
<!--- *************** model list ******************* --> <!--- *************** model list ******************* -->
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-12 col-md-12"> <div class="col-xs-12 col-sm-12 col-md-12" >
<div class="modal fade" id="defaultModal" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true"> <div class="modal fade" id="defaultModal" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
<div class="modal-dialog box-ads"> <div class="modal-dialog box-ads">
<a class="close-modal" data-dismiss="modal">X </a> <a class="close-modal" data-dismiss="modal">X </a>
<div class="container login-container"> <div class="container login-container">
<div class="owl-carousel owl-theme" data-plugin-options="{'items': 1}"> <div class="owl-carousel owl-theme" data-plugin-options="{'items': 1}">
<div> <div>
<img src="/img/core/img/connect-card-v2.png" class="img-responsive" id="img-upload" alt="Profile picture"> <img src="/img/core/img/connect-card-v2.png" class="img-responsive" id="img-upload" alt="Profile picture" >
</div> </div>
<div> <div>
<div class="qrcode-profile"><br> <div class="qrcode-profile"><br>
...@@ -542,8 +542,7 @@ use Cake\I18n\Time; ...@@ -542,8 +542,7 @@ use Cake\I18n\Time;
} }
.box-ads { .box-ads {
width: 1%;
display: table;
margin: auto; margin: auto;
padding: auto; padding: auto;
position: relative; position: relative;
......
www/src/Template/Users/signup.ctp
...@@ -463,7 +463,7 @@ ...@@ -463,7 +463,7 @@
code span { code span {
color:green; color:green;
} }
.from-control-reg { .form-control-reg {
padding: 5px; padding: 5px;
vertical-align: middle; vertical-align: middle;
font-family: 'cordia new' !important; font-family: 'cordia new' !important;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment