btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

🎨 Minor UI styling

Browse Source
This commit is contained in:
Liyas Thomas
2020-01-27 23:28:07 +05:30
parent 870484d06a
commit f93fc4cf62
2 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/styles.scss
View File

@@ -259,6 +259,10 @@ h4 {
font-weight: 700; font-weight: 700;
} }
hr {
border-bottom: 1px dashed var(--brd-color);
}
.tooltip { .tooltip {
$bgcolor: var(--tt-color); $bgcolor: var(--tt-color);
$fgcolor: var(--fg-color); $fgcolor: var(--fg-color);

22
pages/index.vue
View File

@@ -381,23 +381,21 @@
</div> </div>
</div> </div>
<div v-for="testReport in testReports"> <div v-for="testReport in testReports">
<div v-if="testReport.result" class="flex-wrap"> <div v-if="testReport.startBlock" class="info">
<span :class="testReport.styles.class" class="info"> <h4>{{ testReport.startBlock }}</h4>
</div>
<p v-else-if="testReport.result" class="flex-wrap info">
<span :class="testReport.styles.class">
<i class="material-icons"> <i class="material-icons">
{{ testReport.styles.icon }} {{ testReport.styles.icon }}
</i> </i>
<span>&nbsp; {{ testReport.result }}</span> <span>&nbsp; {{ testReport.result }}</span>
<span v-if="testReport.message">
<label>&nbsp; • &nbsp; {{ testReport.message }}</label>
</span>
</span> </span>
<ul v-if="testReport.message"> </p>
<li> <div v-else-if="testReport.endBlock"><hr /></div>
<label>{{ testReport.message }}</label>
</li>
</ul>
</div>
<div v-else-if="testReport.startBlock" class="info">
<h4>{{ testReport.startBlock }}</h4>
</div>
<div v-else-if="testReport.endBlock"><br /></div>
</div> </div>
</div> </div>
</li> </li>