* Code for css in admin.html
This commit is contained in:
guofeilong
@@ -11,6 +11,14 @@
|
||||
.pl-16 {padding-left: 16px;}
|
||||
.px-16 {padding: 0 16px;}
|
||||
.mb-16 {margin-bottom: 16px;}
|
||||
.mr-16 {margin-right: 16px;}
|
||||
.mx-16 {margin: 0 16px;}
|
||||
.pd-3 {padding: 3px;}
|
||||
.pb-3 {padding-bottom: 3px;}
|
||||
.pr-4 {padding-right: 4px;}
|
||||
.font-18 {font-size: 18px;}
|
||||
.font-20 {font-size: 20px;}
|
||||
.font-24 {font-size: 24px;}
|
||||
|
||||
#notice {margin: -20px -20px 20px; padding: 20px;}
|
||||
#zentaoLinks {margin-top: 20px;}
|
||||
@@ -19,7 +27,7 @@
|
||||
.admin {display: flex; background: unset; box-shadow: none;}
|
||||
.admin h4 {color: #0B0F18;}
|
||||
.admin > .main {flex: 1 1 70%;}
|
||||
.admin > .side {flex: 1 1 30%; padding-left: 10px; margin-left: 16px;}
|
||||
.admin > .side {flex: 1 1 30%; margin-left: 16px; padding-right: 16px;}
|
||||
.panel-title {padding: 10px 0px;}
|
||||
.panel {padding: 0 0 0 16px;}
|
||||
.settings.panel, .plug.panel {margin-bottom: 16px;}
|
||||
@@ -51,7 +59,7 @@
|
||||
.official-content > .title {color: #313C52; font-size: 13px; line-height: 14px;}
|
||||
|
||||
.classList {aspect-ratio: 4/1;}
|
||||
.classList > .classItem {flex: 1 1 30%; margin: 5px; border: 1px solid rgba(227, 228, 233, 0.6); border-radius: 4px; margin-bottom: 16px; align-items: center;}
|
||||
.classList > .classItem {flex: 1 1 30%; margin: 5px; border: 1px solid rgba(227, 228, 233, 0.6); border-radius: 4px; padding-bottom: 16px; align-items: center;}
|
||||
.classItem > .imgBack {flex: 1 1 50%;}
|
||||
.classItem > .imgBack > .classImg {background-repeat: no-repeat; background-size: contain; aspect-ratio: 16 / 9; background-position: center; margin: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
|
||||
.classItem > .classContent {flex: 1 1 50%; padding: 5px; font-size: 14px; color: #0B0F18; text-align: center; overflow: hidden; height: 24px; margin-bottom: 6px; font-weight: 700;}
|
||||
@@ -61,7 +69,6 @@
|
||||
|
||||
.setting-help {width: 45px; color: #9EA3B0;}
|
||||
.pointer-none {pointer-events: none;}
|
||||
.pd-3 {padding: 3px;}
|
||||
|
||||
/* css for without internet */
|
||||
.main.without-internet {display: flex; flex-wrap: wrap;}
|
||||
@@ -70,10 +77,11 @@
|
||||
.main.without-internet > .bottom > .official.panel > .main-panel {flex-direction: row-reverse;}
|
||||
|
||||
/* css in side */
|
||||
.time-block {background: #EDEEF2; padding: 4px; border-radius: 4px; color: #0B0F18; font-size: 15px;}
|
||||
.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-time {white-space: nowrap; position: absolute; right: 20px; bottom: 10px; padding-right: 12px; background: white;}
|
||||
.dynamic-time {white-space: nowrap; position: absolute; right: 12px; bottom: 10px; padding-right: 12px; background: white;}
|
||||
.time-count {letter-spacing: 2px;}
|
||||
|
||||
.patch-block {padding: 12px 16px; line-height: 20px; border-top: 1px solid #E3E4E9;}
|
||||
.patch-content {height: 40px; overflow: hidden;}
|
||||
|
||||
@@ -87,7 +87,7 @@
|
||||
</div>
|
||||
|
||||
<?php if($hasInternet and !$langNotCN):?>
|
||||
<div class="side panel">
|
||||
<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">05</span><?php echo $lang->year?><span class="time-block">09</span><?php echo $lang->admin->day?><span class="time-block">19</span>日</div>
|
||||
@@ -95,25 +95,25 @@
|
||||
<div class="border-gray mb-16">
|
||||
<div class="h-40 pl-16 flex align-center justify-between">
|
||||
<div class="panel-title"><?php echo $lang->admin->updateDynamics?></div>
|
||||
<?php echo html::a($config->admin->extensionURL, "{$lang->more} <i class='icon icon-caret-right'></i>", '_blank', 'class="more text-muted flex align-center"');?>
|
||||
<?php echo html::a($config->admin->extensionURL, "{$lang->more} <i class='icon icon-caret-right pb-3'></i>", '_blank', 'class="more text-muted flex align-center"');?>
|
||||
</div>
|
||||
<div class="dynamic-block">
|
||||
<div class="dynamic-content"><i class="icon icon-horn text-primary"></i>禅道18.0发布,新增自动化测试方案、使用帮助及全新IDE风格</div>
|
||||
<div class="dynamic-content"><i class="icon icon-horn text-primary pr-4 font-20"></i>禅道18.0发布,新增自动化测试方案、使用帮助及全新IDE风格</div>
|
||||
<div class="dynamic-time">2022-03-12</div>
|
||||
</div>
|
||||
<div class="dynamic-block">
|
||||
<div class="dynamic-content"><i class="icon icon-horn text-primary"></i>禅道18.0发布,新增自动化测试方案、使用帮助及全新IDE风格</div>
|
||||
<div class="dynamic-content"><i class="icon icon-horn text-primary pr-4 font-20"></i>禅道18.0发布,新增自动化测试方案、使用帮助及全新IDE风格</div>
|
||||
<div class="dynamic-time">2022-03-12</div>
|
||||
</div>
|
||||
<div class="dynamic-block">
|
||||
<div class="dynamic-content"><i class="icon icon-horn text-primary"></i>禅道18.0发布,新增自动化测试方案、使用帮助及全新IDE风格</div>
|
||||
<div class="dynamic-content"><i class="icon icon-horn text-primary pr-4 font-20"></i>禅道18.0发布,新增自动化测试方案、使用帮助及全新IDE风格</div>
|
||||
<div class="dynamic-time">2022-03-12</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-gray mb-16">
|
||||
<div class="h-40 pl-16 flex align-center justify-between">
|
||||
<div class="panel-title"><?php echo $lang->admin->updatePatch?></div>
|
||||
<?php echo html::a($config->admin->extensionURL, "{$lang->more} <i class='icon icon-caret-right'></i>", '_blank', 'class="more text-muted flex align-center"');?>
|
||||
<?php echo html::a($config->admin->extensionURL, "{$lang->more} <i class='icon icon-caret-right pb-3'></i>", '_blank', 'class="more text-muted flex align-center"');?>
|
||||
</div>
|
||||
<?php foreach($this->view->patches as $patch):?>
|
||||
<div class="patch-block">
|
||||
@@ -130,12 +130,12 @@
|
||||
<div class="border-gray mb-16">
|
||||
<div class="h-40 pl-16 flex align-center justify-between">
|
||||
<div class="panel-title"><?php echo $lang->admin->upgradeRecommend?></div>
|
||||
<?php echo html::a($config->admin->extensionURL, "{$lang->more} <i class='icon icon-caret-right'></i>", '_blank', 'class="more text-muted flex align-center"');?>
|
||||
<?php echo html::a($config->admin->extensionURL, "{$lang->more} <i class='icon icon-caret-right pb-3'></i>", '_blank', 'class="more text-muted flex align-center"');?>
|
||||
</div>
|
||||
<div class="upgrade-block">
|
||||
<div class="title text-primary flex justify-between">
|
||||
<div>禅道企业版</div>
|
||||
<div class="flex align-center"><div>查看详情</div><i class="icon icon-caret-right text-primary"></i></div>
|
||||
<div><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>
|
||||
@@ -143,8 +143,8 @@
|
||||
</div>
|
||||
<div class="upgrade-block">
|
||||
<div class="title text-primary flex justify-between">
|
||||
<div>禅道旗舰版</div>
|
||||
<div class="flex align-center"><div>查看详情</div><i class="icon icon-caret-right text-primary"></i></div>
|
||||
<div><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>
|
||||
|
||||
Reference in New Issue
Block a user