fix: icons being inconsistent and PG (#136)
This commit is contained in:
parent
11e7cfc7a0
commit
08de1f7baa
135 changed files with 282 additions and 282 deletions
|
|
@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
|
||||
<template>
|
||||
<MkContainer :showHeader="widgetProps.showHeader" :naked="widgetProps.transparent" data-cy-mkw-activity class="mkw-activity">
|
||||
<template #icon><i class="ph-chart-line ph-bold pg-lg"></i></template>
|
||||
<template #icon><i class="ph-chart-line ph-bold ph-lg"></i></template>
|
||||
<template #header>{{ i18n.ts._widgets.activity }}</template>
|
||||
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="toggleView()"><i class="ph-caret-up-down ph-bold ph-lg"></i></button></template>
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
|
||||
<template>
|
||||
<MkContainer :showHeader="widgetProps.showHeader" class="mkw-clicker">
|
||||
<template #icon><i class="ph-cookie ph-bold pg-lg"></i></template>
|
||||
<template #icon><i class="ph-cookie ph-bold ph-lg"></i></template>
|
||||
<template #header>Clicker</template>
|
||||
<MkClickerGame/>
|
||||
</MkContainer>
|
||||
|
|
|
|||
|
|
@ -5,9 +5,9 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
|
||||
<template>
|
||||
<MkContainer :style="`height: ${widgetProps.height}px;`" :showHeader="widgetProps.showHeader" :scrollable="true" data-cy-mkw-notifications class="mkw-notifications">
|
||||
<template #icon><i class="ph-bell ph-bold pg-lg"></i></template>
|
||||
<template #icon><i class="ph-bell ph-bold ph-lg"></i></template>
|
||||
<template #header>{{ i18n.ts.notifications }}</template>
|
||||
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configureNotification()"><i class="ph-gear ph-bold pg-lg"></i></button></template>
|
||||
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configureNotification()"><i class="ph-gear ph-bold ph-lg"></i></button></template>
|
||||
|
||||
<div>
|
||||
<XNotifications :excludeTypes="widgetProps.excludeTypes"/>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
<MkContainer :showHeader="widgetProps.showHeader" data-cy-mkw-rss class="mkw-rss">
|
||||
<template #icon><i class="ph-rss ph-bold ph-lg"></i></template>
|
||||
<template #header>RSS</template>
|
||||
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ph-gear ph-bold pg-lg"></i></button></template>
|
||||
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ph-gear ph-bold ph-lg"></i></button></template>
|
||||
|
||||
<div class="ekmkgxbj">
|
||||
<MkLoading v-if="fetching"/>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
<MkContainer :naked="widgetProps.transparent" :showHeader="widgetProps.showHeader" class="mkw-rss-ticker">
|
||||
<template #icon><i class="ph-rss ph-bold ph-lg"></i></template>
|
||||
<template #header>RSS</template>
|
||||
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ph-gear ph-bold pg-lg"></i></button></template>
|
||||
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ph-gear ph-bold ph-lg"></i></button></template>
|
||||
|
||||
<div :class="$style.feed">
|
||||
<div v-if="fetching" :class="$style.loading">
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
<MkContainer :showHeader="widgetProps.showHeader" :style="`height: ${widgetProps.height}px;`" :scrollable="true" data-cy-mkw-timeline class="mkw-timeline">
|
||||
<template #icon>
|
||||
<i v-if="widgetProps.src === 'home'" class="ph-house ph-bold ph-lg"></i>
|
||||
<i v-else-if="widgetProps.src === 'local'" class="ph-planet ph-bold pg-lg"></i>
|
||||
<i v-else-if="widgetProps.src === 'social'" class="ph-rocket-launch ph-bold pg-lg"></i>
|
||||
<i v-else-if="widgetProps.src === 'local'" class="ph-planet ph-bold ph-lg"></i>
|
||||
<i v-else-if="widgetProps.src === 'social'" class="ph-rocket-launch ph-bold ph-lg"></i>
|
||||
<i v-else-if="widgetProps.src === 'global'" class="ph-globe-hemisphere-west ph-bold ph-lg"></i>
|
||||
<i v-else-if="widgetProps.src === 'list'" class="ph-list ph-bold pg-lg"></i>
|
||||
<i v-else-if="widgetProps.src === 'antenna'" class="ph-flying-saucer ph-bold pg-lg"></i>
|
||||
<i v-else-if="widgetProps.src === 'list'" class="ph-list ph-bold ph-lg"></i>
|
||||
<i v-else-if="widgetProps.src === 'antenna'" class="ph-flying-saucer ph-bold ph-lg"></i>
|
||||
</template>
|
||||
<template #header>
|
||||
<button class="_button" @click="choose">
|
||||
|
|
@ -100,7 +100,7 @@ const choose = async (ev) => {
|
|||
]);
|
||||
const antennaItems = antennas.map(antenna => ({
|
||||
text: antenna.name,
|
||||
icon: 'ph-flying-saucer ph-bold pg-lg',
|
||||
icon: 'ph-flying-saucer ph-bold ph-lg',
|
||||
action: () => {
|
||||
widgetProps.antenna = antenna;
|
||||
setSrc('antenna');
|
||||
|
|
@ -108,7 +108,7 @@ const choose = async (ev) => {
|
|||
}));
|
||||
const listItems = lists.map(list => ({
|
||||
text: list.name,
|
||||
icon: 'ph-list ph-bold pg-lg',
|
||||
icon: 'ph-list ph-bold ph-lg',
|
||||
action: () => {
|
||||
widgetProps.list = list;
|
||||
setSrc('list');
|
||||
|
|
@ -120,11 +120,11 @@ const choose = async (ev) => {
|
|||
action: () => { setSrc('home'); },
|
||||
}, {
|
||||
text: i18n.ts._timelines.local,
|
||||
icon: 'ph-planet ph-bold pg-lg',
|
||||
icon: 'ph-planet ph-bold ph-lg',
|
||||
action: () => { setSrc('local'); },
|
||||
}, {
|
||||
text: i18n.ts._timelines.social,
|
||||
icon: 'ph-rocket-launch ph-bold pg-lg',
|
||||
icon: 'ph-rocket-launch ph-bold ph-lg',
|
||||
action: () => { setSrc('social'); },
|
||||
}, {
|
||||
text: i18n.ts._timelines.global,
|
||||
|
|
|
|||
|
|
@ -5,9 +5,9 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
|
||||
<template>
|
||||
<MkContainer :showHeader="widgetProps.showHeader" class="mkw-userList">
|
||||
<template #icon><i class="ph-users ph-bold pg-lg"></i></template>
|
||||
<template #icon><i class="ph-users ph-bold ph-lg"></i></template>
|
||||
<template #header>{{ list ? list.name : i18n.ts._widgets.userList }}</template>
|
||||
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure()"><i class="ph-gear ph-bold pg-lg"></i></button></template>
|
||||
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure()"><i class="ph-gear ph-bold ph-lg"></i></button></template>
|
||||
|
||||
<div :class="$style.root">
|
||||
<div v-if="widgetProps.listId == null" class="init">
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
<div class="zbwaqsat">
|
||||
<XPie class="pie" :value="usage"/>
|
||||
<div>
|
||||
<p><i class="ph-database ph-bold pg-lg"></i>Disk</p>
|
||||
<p><i class="ph-database ph-bold ph-lg"></i>Disk</p>
|
||||
<p>Total: {{ bytes(total, 1) }}</p>
|
||||
<p>Free: {{ bytes(available, 1) }}</p>
|
||||
<p>Used: {{ bytes(used, 1) }}</p>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue