tyler.durden/gitea
1
0
Fork 0
mirror of https://github.com/go-gitea/gitea.git synced 2025-07-27 07:44:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: move summary to header

Browse Source
This commit is contained in:
Jason Song 2022-12-09 16:14:45 +08:00
parent 9b6b848311
commit 901914e34b
No known key found for this signature in database
GPG Key ID: 8402EEEE4511A8B5
1 changed files with 76 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
web_src/js/components/RepoActionView.vue
View File

@ -1,10 +1,12 @@
<template> <template>
<div class="action-view-container"> <div class="action-view-container">
<div class="action-view-left"> <div class="action-view-header">
<div class="action-info-summary"> <div class="action-info-summary">
{{ runInfo.title }} {{ runInfo.title }}
</div> </div>
</div>
<div class="action-view-body">
<div class="action-view-left">
<div class="job-group-section" v-for="(jobGroup, i) in allJobGroups" :key="i"> <div class="job-group-section" v-for="(jobGroup, i) in allJobGroups" :key="i">
<!-- <div class="job-group-summary">--> <!-- <div class="job-group-summary">-->
<!-- {{ jobGroup.summary }}--> <!-- {{ jobGroup.summary }}-->
@ -73,6 +75,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
@ -354,11 +357,24 @@ export function initRepositoryActionView() {
<style scoped lang="less"> <style scoped lang="less">
.action-view-container { .action-view-body {
display: flex; display: flex;
height: calc(100vh - 226px); // fine tune this value to make the main view has full height height: calc(100vh - 266px); // fine tune this value to make the main view has full height
} }
// ================
// action view header
.action-view-header {
width: 1127px;
margin: 0 auto 20px auto;
}
.action-info-summary {
font-size: 150%;
height: 20px;
padding: 0 10px;
}
// ================ // ================
// action view left // action view left
@ -370,11 +386,6 @@ export function initRepositoryActionView() {
margin-left: 10px; margin-left: 10px;
} }
.action-info-summary {
font-size: 150%;
margin: 5px 0;
}
.job-group-section { .job-group-section {
.job-group-summary { .job-group-summary {
margin: 5px 0; margin: 5px 0;