fix: 💄 admin overview style
This commit is contained in:
parent
e02fe02f35
commit
81cc4b3f49
6 changed files with 45 additions and 29 deletions
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "calckey",
|
||||
"version": "13.2.0-dev8",
|
||||
"version": "13.2.0-dev9",
|
||||
"codename": "aqua",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
|
|
|
@ -11,26 +11,42 @@ const size = 128; // px
|
|||
const n = 5; // resolution
|
||||
const margin = size / 4;
|
||||
const colors = [
|
||||
["#FF512F", "#DD2476"],
|
||||
["#FF61D2", "#FE9090"],
|
||||
["#72FFB6", "#10D164"],
|
||||
["#FD8451", "#FFBD6F"],
|
||||
["#305170", "#6DFC6B"],
|
||||
["#00C0FF", "#4218B8"],
|
||||
["#009245", "#FCEE21"],
|
||||
["#0100EC", "#FB36F4"],
|
||||
["#FDABDD", "#374A5A"],
|
||||
["#38A2D7", "#561139"],
|
||||
["#121C84", "#8278DA"],
|
||||
["#5761B2", "#1FC5A8"],
|
||||
["#FFDB01", "#0E197D"],
|
||||
["#FF3E9D", "#0E1F40"],
|
||||
["#766eff", "#00d4ff"],
|
||||
["#9bff6e", "#00d4ff"],
|
||||
["#ff6e94", "#00d4ff"],
|
||||
["#ffa96e", "#00d4ff"],
|
||||
["#ffa96e", "#ff009d"],
|
||||
["#ffdd6e", "#ff009d"],
|
||||
["#eb6f92", "#b4637a"],
|
||||
["#f6c177", "#ea9d34"],
|
||||
["#ebbcba", "#d7827e"],
|
||||
["#31748f", "#286983"],
|
||||
["#9ccfd8", "#56949f"],
|
||||
["#c4a7e7", "#907aa9"],
|
||||
["#eb6f92", "#f6c177"],
|
||||
["#eb6f92", "#ebbcba"],
|
||||
["#eb6f92", "#31748f"],
|
||||
["#eb6f92", "#9ccfd8"],
|
||||
["#eb6f92", "#c4a7e7"],
|
||||
["#f6c177", "#eb6f92"],
|
||||
["#f6c177", "#ebbcba"],
|
||||
["#f6c177", "#31748f"],
|
||||
["#f6c177", "#9ccfd8"],
|
||||
["#f6c177", "#c4a7e7"],
|
||||
["#ebbcba", "#eb6f92"],
|
||||
["#ebbcba", "#f6c177"],
|
||||
["#ebbcba", "#31748f"],
|
||||
["#ebbcba", "#9ccfd8"],
|
||||
["#ebbcba", "#c4a7e7"],
|
||||
["#31748f", "#eb6f92"],
|
||||
["#31748f", "#f6c177"],
|
||||
["#31748f", "#ebbcba"],
|
||||
["#31748f", "#9ccfd8"],
|
||||
["#31748f", "#c4a7e7"],
|
||||
["#9ccfd8", "#eb6f92"],
|
||||
["#9ccfd8", "#f6c177"],
|
||||
["#9ccfd8", "#ebbcba"],
|
||||
["#9ccfd8", "#31748f"],
|
||||
["#9ccfd8", "#c4a7e7"],
|
||||
["#c4a7e7", "#eb6f92"],
|
||||
["#c4a7e7", "#f6c177"],
|
||||
["#c4a7e7", "#ebbcba"],
|
||||
["#c4a7e7", "#31748f"],
|
||||
["#c4a7e7", "#9ccfd8"],
|
||||
];
|
||||
|
||||
const actualSize = size - margin * 2;
|
||||
|
|
|
@ -90,7 +90,7 @@ async function renderChart() {
|
|||
|
||||
await nextTick();
|
||||
|
||||
const color = defaultStore.state.darkMode ? '#b4e900' : '#86b300';
|
||||
const color = defaultStore.state.darkMode ? '#ebbcba' : '#d7827e';
|
||||
|
||||
// 視覚上の分かりやすさのため上から最も大きい3つの値の平均を最大値とする
|
||||
const max = values.slice().sort((a, b) => b - a).slice(0, 3).reduce((a, b) => a + b, 0) / 3;
|
||||
|
|
|
@ -53,8 +53,8 @@ async function renderChart() {
|
|||
|
||||
const vLineColor = defaultStore.state.darkMode ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.2)';
|
||||
|
||||
const colorRead = '#3498db';
|
||||
const colorWrite = '#2ecc71';
|
||||
const colorRead = '#eb6f92';
|
||||
const colorWrite = '#f6c177';
|
||||
|
||||
const max = Math.max(...raw.read);
|
||||
|
||||
|
|
|
@ -22,7 +22,7 @@ let fetching = $ref(true);
|
|||
|
||||
onMounted(async () => {
|
||||
moderators = await os.api('admin/show-users', {
|
||||
sort: '+lastActiveDate',
|
||||
sort: '+updatedAt',
|
||||
state: 'adminOrModerator',
|
||||
limit: 30,
|
||||
});
|
||||
|
|
|
@ -57,10 +57,10 @@ const label =
|
|||
'?' as never;
|
||||
|
||||
const color =
|
||||
props.type === 'process' ? '#00E396' :
|
||||
props.type === 'active' ? '#00BCD4' :
|
||||
props.type === 'delayed' ? '#E53935' :
|
||||
props.type === 'waiting' ? '#FFB300' :
|
||||
props.type === 'process' ? '#c4a7e7' :
|
||||
props.type === 'active' ? '#31748f' :
|
||||
props.type === 'delayed' ? '#eb6f92' :
|
||||
props.type === 'waiting' ? '#f6c177' :
|
||||
'?' as never;
|
||||
|
||||
onMounted(() => {
|
||||
|
|
Loading…
Reference in a new issue