ric/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2024-11-27 16:54:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Fix styleline, fix css format issues globally

Browse source
This commit is contained in:
Louis Lam 2022-04-14 00:52:07 +08:00
parent 649f3106e1
commit 3436e26ed4
16 changed files with 23 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
.stylelintrc
View file

@ -1,9 +1,13 @@
{ {
"extends": "stylelint-config-standard", "extends": "stylelint-config-standard",
"customSyntax": "postcss-html",
"rules": { "rules": {
"indentation": 4, "indentation": 4,
"no-descending-specificity": null, "no-descending-specificity": null,
"selector-list-comma-newline-after": null, "selector-list-comma-newline-after": null,
"declaration-empty-line-before": null "declaration-empty-line-before": null,
"alpha-value-notation": "number",
"color-function-notation": "legacy",
"shorthand-property-no-redundant-values": null
} }
} }

1
package.json
View file

@ -132,6 +132,7 @@
"jest": "~27.2.5", "jest": "~27.2.5",
"jest-puppeteer": "~6.0.3", "jest-puppeteer": "~6.0.3",
"npm-check-updates": "^12.5.5", "npm-check-updates": "^12.5.5",
"postcss-html": "^1.3.1",
"puppeteer": "~13.1.3", "puppeteer": "~13.1.3",
"sass": "~1.42.1", "sass": "~1.42.1",
"stylelint": "~14.2.0", "stylelint": "~14.2.0",

6
src/components/MonitorList.vue
View file

@ -21,7 +21,7 @@
<router-link v-for="(item, index) in sortedMonitorList" :key="index" :to="monitorURL(item.id)" class="item" :class="{ 'disabled': ! item.active }"> <router-link v-for="(item, index) in sortedMonitorList" :key="index" :to="monitorURL(item.id)" class="item" :class="{ 'disabled': ! item.active }">
<div class="row"> <div class="row">
<div class="col-9 col-md-8 small-padding" :class="{ 'monitorItem': $root.userHeartbeatBar == 'bottom' || $root.userHeartbeatBar == 'none' }"> <div class="col-9 col-md-8 small-padding" :class="{ 'monitor-item': $root.userHeartbeatBar == 'bottom' || $root.userHeartbeatBar == 'none' }">
<div class="info"> <div class="info">
<Uptime :monitor="item" type="24" :pill="true" /> <Uptime :monitor="item" type="24" :pill="true" />
{{ item.name }} {{ item.name }}
@ -172,7 +172,7 @@ export default {
.dark { .dark {
.footer { .footer {
// background-color: $dark-bg; // background-color: $dark-bg;
} }
} }
@ -198,7 +198,7 @@ export default {
max-width: 15em; max-width: 15em;
} }
.monitorItem { .monitor-item {
width: 100%; width: 100%;
} }

2
src/components/PingChart.vue
View file

@ -278,7 +278,7 @@ export default {
.dropdown-item { .dropdown-item {
border-radius: 0.3rem; border-radius: 0.3rem;
padding: 2px 16px 4px 16px; padding: 2px 16px 4px;
.dark & { .dark & {
background: $dark-bg; background: $dark-bg;

2
src/components/ProxyDialog.vue
View file

@ -25,7 +25,7 @@
<label for="proxy-host" class="form-label">{{ $t("Proxy Server") }}</label> <label for="proxy-host" class="form-label">{{ $t("Proxy Server") }}</label>
<div class="d-flex"> <div class="d-flex">
<input id="proxy-host" v-model="proxy.host" type="text" class="form-control" required :placeholder="$t('Server Address')"> <input id="proxy-host" v-model="proxy.host" type="text" class="form-control" required :placeholder="$t('Server Address')">
<input v-model="proxy.port" type="number" class="form-control ms-2" style="width: 100px" required min="1" max="65535" :placeholder="$t('Port')"> <input v-model="proxy.port" type="number" class="form-control ms-2" style="width: 100px;" required min="1" max="65535" :placeholder="$t('Port')">
</div> </div>
</div> </div>

2
src/components/PublicGroupList.vue
View file

@ -145,7 +145,7 @@ export default {
.mobile { .mobile {
.item { .item {
padding: 13px 0 10px 0; padding: 13px 0 10px;
} }
} }

2
src/components/ToggleSection.vue
View file

@ -49,7 +49,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../assets/vars.scss"; @import "../assets/vars.scss";
h5:after { h5::after {
content: ""; content: "";
display: block; display: block;
width: 50%; width: 50%;

2
src/components/TwoFADialog.vue
View file

@ -46,7 +46,7 @@
<input v-model="token" type="text" maxlength="6" class="form-control"> <input v-model="token" type="text" maxlength="6" class="form-control">
<button class="btn btn-outline-primary" type="button" @click="verifyToken()">{{ $t("Verify Token") }}</button> <button class="btn btn-outline-primary" type="button" @click="verifyToken()">{{ $t("Verify Token") }}</button>
</div> </div>
<p v-show="tokenValid" class="mt-2" style="color: green">{{ $t("tokenValidSettingsMsg") }}</p> <p v-show="tokenValid" class="mt-2" style="color: green;">{{ $t("tokenValidSettingsMsg") }}</p>
</div> </div>
</div> </div>
</div> </div>

4
src/components/notifications/Mattermost.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div class="mb-3"> <div class="mb-3">
<label for="mattermost-webhook-url" class="form-label">{{ $t("Webhook URL") }}<span style="color:red;"><sup>*</sup></span></label> <label for="mattermost-webhook-url" class="form-label">{{ $t("Webhook URL") }}<span style="color: red;"><sup>*</sup></span></label>
<input id="mattermost-webhook-url" v-model="$parent.notification.mattermostWebhookUrl" type="text" class="form-control" required> <input id="mattermost-webhook-url" v-model="$parent.notification.mattermostWebhookUrl" type="text" class="form-control" required>
<label for="mattermost-username" class="form-label">{{ $t("Username") }}</label> <label for="mattermost-username" class="form-label">{{ $t("Username") }}</label>
<input id="mattermost-username" v-model="$parent.notification.mattermostusername" type="text" class="form-control"> <input id="mattermost-username" v-model="$parent.notification.mattermostusername" type="text" class="form-control">
@ -11,7 +11,7 @@
<label for="mattermost-channel" class="form-label">{{ $t("Channel Name") }}</label> <label for="mattermost-channel" class="form-label">{{ $t("Channel Name") }}</label>
<input id="mattermost-channel-name" v-model="$parent.notification.mattermostchannel" type="text" class="form-control"> <input id="mattermost-channel-name" v-model="$parent.notification.mattermostchannel" type="text" class="form-control">
<div class="form-text"> <div class="form-text">
<span style="color:red;"><sup>*</sup></span>{{ $t("Required") }} <span style="color: red;"><sup>*</sup></span>{{ $t("Required") }}
<i18n-t tag="p" keypath="aboutWebhooks" style="margin-top: 8px;"> <i18n-t tag="p" keypath="aboutWebhooks" style="margin-top: 8px;">
<a href="https://docs.mattermost.com/developer/webhooks-incoming.html" target="_blank">https://docs.mattermost.com/developer/webhooks-incoming.html</a> <a href="https://docs.mattermost.com/developer/webhooks-incoming.html" target="_blank">https://docs.mattermost.com/developer/webhooks-incoming.html</a>
</i18n-t> </i18n-t>

1
src/components/settings/About.vue
View file

@ -44,6 +44,7 @@ export default {
.logo { .logo {
margin: 4em 1em; margin: 4em 1em;
} }
.update-link { .update-link {
font-size: 0.9em; font-size: 0.9em;
} }

8
src/components/settings/Backup.vue
View file

@ -69,7 +69,7 @@
<div class="mb-2"> <div class="mb-2">
<input <input
id="importBackup" id="import-backend"
type="file" type="file"
class="form-control" class="form-control"
accept="application/json" accept="application/json"
@ -94,7 +94,7 @@
<div <div
v-if="importAlert" v-if="importAlert"
class="alert alert-danger mt-3" class="alert alert-danger mt-3"
style="padding: 6px 16px" style="padding: 6px 16px;"
> >
{{ importAlert }} {{ importAlert }}
</div> </div>
@ -159,7 +159,7 @@ export default {
importBackup() { importBackup() {
this.processing = true; this.processing = true;
let uploadItem = document.getElementById("importBackup").files; let uploadItem = document.getElementById("import-backend").files;
if (uploadItem.length <= 0) { if (uploadItem.length <= 0) {
this.processing = false; this.processing = false;
@ -198,7 +198,7 @@ export default {
@import "../../assets/vars.scss"; @import "../../assets/vars.scss";
.dark { .dark {
#importBackup { #import-backend {
&::file-selector-button { &::file-selector-button {
color: $primary; color: $primary;
background-color: $dark-bg; background-color: $dark-bg;

1
src/components/settings/General.vue
View file

@ -189,4 +189,3 @@ export default {
}; };
</script> </script>
<style></style>

2
src/components/settings/MonitorHistory.vue
View file

@ -129,5 +129,3 @@ export default {
}, },
}; };
</script> </script>
<style></style>

2
src/components/settings/Security.vue
View file

@ -355,7 +355,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../../assets/vars.scss"; @import "../../assets/vars.scss";
h5:after { h5::after {
content: ""; content: "";
display: block; display: block;
width: 50%; width: 50%;

1
src/pages/ManageStatusPage.vue
View file

@ -92,7 +92,6 @@ export default {
} }
.info { .info {
.title { .title {
font-weight: bold; font-weight: bold;
font-size: 20px; font-size: 20px;

2
src/pages/StatusPage.vue
View file

@ -836,7 +836,7 @@ footer {
.incident { .incident {
.content { .content {
&[contenteditable=true] { &[contenteditable="true"] {
min-height: 60px; min-height: 60px;
} }
} }