github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-04 23:15:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add style

Browse Source
This commit is contained in:
Fine 2023-02-02 12:09:19 +08:00
parent 3f6b70c66e
commit b9dbc19a51
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles/lib.scss
View File

@ -107,6 +107,10 @@
margin-top: 10px; margin-top: 10px;
} }
.mt-20 {
margin-top: 20px;
}
.mb-5 { .mb-5 {
margin-bottom: 5px; margin-bottom: 5px;
} }

10
src/views/dashboard/components/WidgetLink.vue
View File

@ -18,7 +18,7 @@ limitations under the License. -->
<label class="mr-5">{{ t("setDuration") }}</label> <label class="mr-5">{{ t("setDuration") }}</label>
<el-switch v-model="hasDuration" /> <el-switch v-model="hasDuration" />
</div> </div>
<div class="time-range" v-if="hasDuration"> <div v-if="hasDuration">
<label class="mr-20">{{ t("duration") }}</label> <label class="mr-20">{{ t("duration") }}</label>
<TimePicker <TimePicker
:value="[appStore.durationRow.start, appStore.durationRow.end]" :value="[appStore.durationRow.start, appStore.durationRow.end]"
@ -27,7 +27,7 @@ limitations under the License. -->
@input="changeTimeRange" @input="changeTimeRange"
/> />
</div> </div>
<el-button size="small" type="primary" class="mt-10" @click="getLink">{{ t("generateLink") }}</el-button> <el-button size="small" type="primary" class="mt-20" @click="getLink">{{ t("generateLink") }}</el-button>
<div v-show="widgetLink" class="link mt-10" @click="viewPage">{{ host + widgetLink }}</div> <div v-show="widgetLink" class="link mt-10" @click="viewPage">{{ host + widgetLink }}</div>
</div> </div>
</template> </template>
@ -43,7 +43,7 @@ limitations under the License. -->
const appStore = useAppStoreWithOut(); const appStore = useAppStoreWithOut();
const dashboardStore = useDashboardStore(); const dashboardStore = useDashboardStore();
const selectorStore = useSelectorStore(); const selectorStore = useSelectorStore();
const hasDuration = ref<boolean>(false); const hasDuration = ref<boolean>(true);
const widgetLink = ref<string>(""); const widgetLink = ref<string>("");
const dates = ref<Date[]>([]); const dates = ref<Date[]>([]);
const host = window.location.host; const host = window.location.host;
@ -93,8 +93,4 @@ limitations under the License. -->
height: 300px; height: 300px;
font-size: 12px; font-size: 12px;
} }
.time-range {
margin-bottom: 20px;
}
</style> </style>