|
@@ -1,7 +1,13 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="q-mx-md q-mb-md">
|
|
<div class="q-mx-md q-mb-md">
|
|
|
- <div class="font16 fontbold gradient-diarista q-mb-sm">
|
|
|
|
|
- {{ $t("dashboard_client.today_schedules.title") }}
|
|
|
|
|
|
|
+ <div class="row items-center no-wrap q-mb-sm">
|
|
|
|
|
+ <span class="font16 fontbold gradient-diarista">
|
|
|
|
|
+ {{ $t("dashboard_client.today_schedules.title") }}
|
|
|
|
|
+ </span>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="attention-badge q-ml-sm">
|
|
|
|
|
+ {{ $t("dashboard_client.today_schedules.attention_badge") }}
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="scroll-wrapper">
|
|
<div class="scroll-wrapper">
|
|
@@ -353,6 +359,16 @@ onBeforeUnmount(() => {
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
|
|
+.attention-badge {
|
|
|
|
|
+ background: #22c55e;
|
|
|
|
|
+ color: white;
|
|
|
|
|
+ font-size: 11px;
|
|
|
|
|
+ font-weight: 700;
|
|
|
|
|
+ border-radius: 999px;
|
|
|
|
|
+ padding: 1px 8px;
|
|
|
|
|
+ white-space: nowrap;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.scroll-wrapper {
|
|
.scroll-wrapper {
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
}
|
|
}
|