Commit 6bf50c2e authored by DZywolf's avatar DZywolf 🐺

Update views

parent 52d6d42a
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</p> </p>
<form action="" method="post" accept-charset="utf-8"> <form action="" method="post" accept-charset="utf-8">
<div class="uk-margin"> <div class="uk-margin">
<button class="uk-button uk-button-secondary" type="submit" value="<?= $donateList->id ?>" name="donateNow"><span uk-icon="icon: heart"></span> <?= $this->lang->line('button_donate'); ?></button> <button class="uk-button uk-button-secondary" type="submit" value="<?= $donateList->id ?>" name="donateNow"><i class="fas fa-donate"></i> <?= $this->lang->line('button_donate'); ?></button>
</div> </div>
</form> </form>
</div> </div>
......
<section class="uk-section uk-section-small" data-uk-height-viewport="expand: true"> <section class="uk-section uk-section-small" data-uk-height-viewport="expand: true">
<div class="uk-container"> <div class="uk-container">
<h3 class="uk-h3 uk-text-bold uk-text-uppercase"><i class="fab fa-cc-paypal"></i> Vote</h3> <h3 class="uk-h3 uk-text-bold uk-text-uppercase"><i class="fas fa-star"></i> Vote</h3>
<div class="uk-child-width-1-1@s uk-child-width-1-2@m uk-child-width-1-4@l" uk-grid-parallax="translate:200"> <div class="uk-grid uk-grid-small uk-child-width-1-1 uk-child-width-1-4@s uk-child-width-1-5@m" data-uk-grid>
<?php foreach ($voteList as $key => $voteList): ?> <?php foreach ($voteList as $key => $voteList): ?>
<div> <div>
<div class="uk-card uk-card-secondary uk-card-body"> <div class="uk-card uk-card-vote uk-card-body uk-text-center">
<img src="<?= $voteList->image ?>"> <img src="<?= $voteList->image ?>">
<span class="uk-badge"><?= $this->lang->line('panel_points'); ?> <?= $voteList->points ?></span> <div class="uk-card-badge uk-label" uk-tooltip="<?= $this->lang->line('panel_vp'); ?>"><?= $voteList->points ?></div>
<hr class="uk-divider-icon"> <h5 class="uk-h5 uk-text-uppercase uk-text-bold uk-margin-remove-bottom uk-margin-small-top">Next vote in:</h5>
<p> Next vote in : </p> <div class="uk-grid-collapse uk-child-width-auto uk-flex-center uk-margin-small-bottom" uk-grid uk-countdown="date: <?= date('c', $this->fxvote->getTimeLogExpired($voteList->id, $this->session->userdata('fx_sess_id'))) ?>">
<h5><?= date('Y-m-d h:i:s A', $this->fxvote->getTimeLogExpired($this->session->userdata('fx_sess_id'), $voteList->id)) ?></h5> <div>
<?= form_open(base_url('vote/votenow/'.$voteList->id)); ?> <div class="uk-countdown-number uk-countdown-days"></div>
<button class="uk-button uk-button-default uk-width-1-1"><?= $this->lang->line('nav_vote'); ?></button> </div>
<?= form_close(); ?> <div class="uk-countdown-separator">:</div>
<div>
<div class="uk-countdown-number uk-countdown-hours"></div>
</div>
<div class="uk-countdown-separator">:</div>
<div>
<div class="uk-countdown-number uk-countdown-minutes"></div>
</div>
<div class="uk-countdown-separator">:</div>
<div>
<div class="uk-countdown-number uk-countdown-seconds"></div>
</div>
</div>
<?= form_open(base_url('vote/votenow/'.$voteList->id)); ?>
<button class="uk-button uk-button-default"><i class="fas fa-vote-yea"></i> <?= $this->lang->line('nav_vote'); ?></button>
<?= form_close(); ?>
</div> </div>
</div> </div>
<?php endforeach; ?> <?php endforeach; ?>
</div> </div>
</div> </div>
......
...@@ -144,10 +144,10 @@ html { ...@@ -144,10 +144,10 @@ html {
* Donate * Donate
*/ */
.uk-card-donate { .uk-card-donate {
background: linear-gradient(-45deg,#248bff,#b64eff); background: linear-gradient(to right bottom, #56ccf2, #2f80ed);
border-radius: 15px; border-radius: 8px;
color: #fff; color: #fff;
box-shadow: 0 10px 15px rgba(0,0,0,.1); box-shadow: 0 10px 15px rgba(0, 0, 0, .15);
} }
.uk-card-donate .fab { .uk-card-donate .fab {
...@@ -158,8 +158,8 @@ html { ...@@ -158,8 +158,8 @@ html {
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
line-height: 100px; line-height: 100px;
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
box-shadow: 0 10px 10px rgba(0,0,0,.1); box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
} }
.uk-card-donate .uk-card-title { .uk-card-donate .uk-card-title {
...@@ -167,17 +167,26 @@ html { ...@@ -167,17 +167,26 @@ html {
} }
.uk-card-donate.uk-card-hover:hover { .uk-card-donate.uk-card-hover:hover {
background: linear-gradient(-45deg, #248bff, #b64eff);
background-color: transparent; background-color: transparent;
box-shadow: 0 14px 25px rgba(0,0,0,.16); box-shadow: 0 10px 15px rgba(0, 0, 0, .15);
} }
.uk-card-donate .uk-input { /*
border-radius: 10px; * Vote
*/
.uk-card-vote {
background: rgba(0, 174, 255, .2);
border-radius: 8px;
color: #fff;
box-shadow: 0 10px 15px rgba(0, 0, 0, .15), inset 0 0 50px 25px rgba(9, 10, 39, 0.65);
border: 1px solid rgba(0, 0, 0, .1);
} }
.uk-card-donate .uk-button-secondary { .uk-countdown-number,
border-radius: 40px; .uk-countdown-separator {
font-size: 1rem;
margin-right: 3px;
line-height: 1.4;
} }
/* /*
......
...@@ -400,24 +400,24 @@ hr, ...@@ -400,24 +400,24 @@ hr,
} }
.uk-button-secondary { .uk-button-secondary {
background: #232323; background: #151C23;
border: 1px solid #5f5f5f; border: 1px solid #292e33;
color: #fff; color: #fff;
transition: all ease .3s; transition: all ease .3s;
} }
.uk-button-secondary:focus, .uk-button-secondary:focus,
.uk-button-secondary:hover { .uk-button-secondary:hover {
background: #3d3d3d; background: #292e33;
color: #fff; color: #fff;
border-color: #232323; border-color: #292e33;
} }
.uk-button-secondary.uk-active, .uk-button-secondary.uk-active,
.uk-button-secondary:active { .uk-button-secondary:active {
background: #3d3d3d; background: #292e33;
color: #fff; color: #fff;
border-color: #232323; border-color: #292e33;
} }
.uk-column-divider { .uk-column-divider {
......
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 to comment