Commit b9809ba2 authored by Kenzo-Hugo Hillion's avatar Kenzo-Hugo Hillion
Browse files

improve colors for expandable items by default

finish polishing frontend
parent 6ea59860
Pipeline #32108 passed with stages
in 3 minutes and 7 seconds
......@@ -18,6 +18,6 @@
<!-- Simple information -->
<SimpleListing v-else :listData="eggnogDetails" :color="color"/>
<!-- Expanded information -->
<SimpleExpand :expandData="eggnogExpandDetails" color="color"/>
<SimpleExpand :expandData="eggnogExpandDetails" :color="color"/>
</v-card>
</v-flex>
\ No newline at end of file
......@@ -4,7 +4,7 @@
<v-divider
:key="expanditem.title"
></v-divider>
<v-expansion-panel-content :class="colors.lighten_5">
<v-expansion-panel-content :class="colors.lighten_4">
<template v-slot:header>
<div>
<v-icon small color="primary">{{ expanditem.icon }}</v-icon>
......@@ -12,10 +12,10 @@
</div>
</template>
<v-card>
<v-list :class="colors.lighten_4">
<v-list :class="colors.lighten_5">
<template v-for="(item, index) in expanditem.content">
<v-divider v-if="index > 0" :key="index"/>
<v-list-tile :key="item.id" :class="colors.lighten_4">
<v-list-tile :key="item.id" :class="colors.lighten_5">
<v-list-tile-content>
<v-tooltip top>
<template v-slot:activator="{ on }">
......
......@@ -6,10 +6,20 @@ export default {
},
computed: {
colors() {
var lighten4 = `${this.color} lighten-4`;
if (this.color) {
var lighten5 = `${this.color} lighten-5`;
}
else {
var lighten5 = `${this.defaultColor} lighten-5`;
}
return {
lighten_4: `${this.color} lighten-4`,
lighten_5: `${this.color} lighten-5`,
lighten_4: lighten4,
lighten_5: lighten5,
}
},
defaultColor () {
return "blue-grey"
}
}
};
\ No newline at end of file
......@@ -47,7 +47,7 @@
<div>
<v-textarea
readonly
background-color="blue-grey lighten-4"
background-color="blue-grey lighten-5"
hide-details
:value="sequence"
id="fastaseq"
......
Supports Markdown
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