* Code for css refactors in admin

This commit is contained in:
guofeilong
2023-02-08 11:04:45 +08:00
parent 8829a07ffa
commit 8700d05e87
2 changed files with 14 additions and 15 deletions
+3 -4
View File
@@ -4,7 +4,6 @@
.justify-between {justify-content: space-between;}
.title-color {color: #313C52}
.font-13 {font-size: 13px;}
.color-gray {color: #5E626D;}
.border-gray {border: 1px solid #E3E4E9;}
.h-56 {height: 56px;}
.h-40 {height: 40px;}
@@ -80,8 +79,8 @@
/* css in side */
.time-block {background: #EDEEF2; padding:2px 4px; border-radius: 4px; color: #0B0F18; font-size: 15px;}
.dynamic-block {height: 64px; padding: 12px 16px; display: flex; justify-content: space-between; position: relative; line-height: 20px; border-top: 1px solid #E3E4E9;}
.dynamic-content {height: 40px; overflow: hidden;}
.dynamic-block {height: 74px; padding: 12px 16px; display: flex; justify-content: space-between; position: relative; line-height: 20px; border-top: 1px solid #E3E4E9;}
.dynamic-content {height: 50px; line-height: 25px; overflow: hidden;}
.dynamic-time {white-space: nowrap; position: absolute; right: 12px; bottom: 10px; padding-right: 12px; background: white;}
.time-count {letter-spacing: 2px;}
@@ -90,4 +89,4 @@
.upgrade-block {padding: 16px 16px; line-height: 20px; border-top: 1px solid #E3E4E9;}
.upgrade-content {height: 20px; padding-left: 20px; position: relative; margin: 5px 0;}
.upgrade-content:before {content: ' '; width: 10px; height: 10px; background: #E3E4E9; border-radius: 50%; position: absolute; left: 0px; top: 5px;}
.upgrade-content:before {content: ' '; width: 8px; height: 8px; background: #E3E4E9; border-radius: 50%; position: absolute; left: 0px; top: 5px;}
+11 -11
View File
@@ -90,7 +90,7 @@
<div class="side panel" style="background: #FCFDFE">
<div class="h-56 flex align-center justify-between">
<div class="panel-title"><?php echo $lang->admin->zentaoInfo?></div>
<div class="time-count color-gray">您已使用禅道<span class="time-block">5</span><?php echo $lang->year?><span class="time-block">9</span><?php echo $lang->admin->mon?><span class="time-block">19</span><?php echo $lang->admin->day?></div>
<div class="time-count">您已使用禅道<span class="time-block">5</span><?php echo $lang->year?><span class="time-block">9</span><?php echo $lang->admin->mon?><span class="time-block">19</span><?php echo $lang->admin->day?></div>
</div>
<div class="border-gray mb-16 radius-4">
<div class="h-40 pl-16 flex align-center justify-between">
@@ -121,7 +121,7 @@
<div class="panel-title"><?php echo $patch->name?></div>
<a href="<?php echo $patch->viewLink;?>" class='ext-download flex align-center' target='_blank'><i class='icon icon-download-alt text-primary bg-primary-100 pd-3'></i></a>
</div>
<div class="patch-content color-gray">
<div class="patch-content">
<?php echo $patch->desc?>
</div>
</div>
@@ -134,22 +134,22 @@
</div>
<div class="upgrade-block">
<div class="title text-primary flex justify-between">
<div><i class="icon icon-zentao text-primary pr-4 font-18"></i>禅道企业版</div>
<div class="panel-title"><i class="icon icon-zentao text-primary pr-4 font-18"></i>禅道企业版</div>
<div class="flex align-center"><div>查看详情</div><i class="icon icon-caret-right text-primary pb-3"></i></div>
</div>
<div class="upgrade-content color-gray">工时管理、甘特图、导入导出</div>
<div class="upgrade-content color-gray">40+内置统计报表、自定义报表功能</div>
<div class="upgrade-content color-gray">强大的自定义工作流、反馈管理功能</div>
<div class="upgrade-content">工时管理、甘特图、导入导出</div>
<div class="upgrade-content">40+内置统计报表、自定义报表功能</div>
<div class="upgrade-content">强大的自定义工作流、反馈管理功能</div>
</div>
<div class="upgrade-block">
<div class="title text-primary flex justify-between">
<div><i class="icon icon-zentao text-primary pr-4 font-18"></i>禅道旗舰版</div>
<div class="panel-title"><i class="icon icon-zentao text-primary pr-4 font-18"></i>禅道旗舰版</div>
<div class="flex align-center"><div>查看详情</div><i class="icon icon-caret-right text-primary pb-3"></i></div>
</div>
<div class="upgrade-content color-gray">工时管理、甘特图、导入导出</div>
<div class="upgrade-content color-gray">40+内置统计报表、自定义报表功能</div>
<div class="upgrade-content color-gray">强大的自定义工作流、反馈管理功能</div>
<div class="upgrade-content color-gray">工时管理、甘特图、导入导出</div>
<div class="upgrade-content">工时管理、甘特图、导入导出</div>
<div class="upgrade-content">40+内置统计报表、自定义报表功能</div>
<div class="upgrade-content">强大的自定义工作流、反馈管理功能</div>
<div class="upgrade-content">工时管理、甘特图、导入导出</div>
</div>
</div>
</div>