krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 06:37:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(teams): more style updates

Browse Source
This commit is contained in:
SabreCat
2022-06-30 16:55:47 -05:00
parent 5967e4356c
commit cf536a82f8
4 changed files with 35 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
website/client/src/components/group-plans/taskInformation.vue
View File

@@ -14,12 +14,12 @@
@taskEdited="loadTasks"
@taskDestroyed="taskDestroyed"
/>
<div class="row tasks-navigation">
<div class="col-12 col-md-4">
<div class="row tasks-navigation mb-4">
<div class="col-12 col-md-4 d-flex align-items-center">
<h1>{{ group.name }}</h1>
</div>
<!-- @TODO: Abstract to component!-->
<div class="col-12 col-md-4">
<div class="col-12 col-md-4 d-flex justify-content-center align-items-center">
<input
v-model="searchText"
class="form-control input-search"
@@ -28,18 +28,18 @@
>
</div>
<div
class="create-task-area ml-auto d-flex align-items-center"
class="col-12 col-md-4 create-task-area d-flex align-items-center"
>
<toggle-switch
id="taskMirrorToggle"
class="mr-3 mb-1"
class="mr-3 mb-1 ml-auto"
:label="'Copy tasks'"
:checked="user.preferences.tasks.mirrorGroupTasks"
:hover-text="'Add assigned and open tasks to your personal task board'"
@change="changeMirrorPreference"
/>
<div
class="day-start mb-auto d-flex align-items-center"
class="day-start d-flex align-items-center"
v-html="$t('dayStart', { startTime: groupStartTime } )"
>
</div>
@@ -126,11 +126,12 @@
h1 {
color: $purple-300;
margin-bottom: 0px;
}
.create-task-area {
top: 1.5rem;
right: 2.25rem;
height: 40px;
.day-start {
height: 2rem;
@@ -141,6 +142,10 @@
}
}
.input-search {
max-width: 458px;
}
.positive {
display: inline-block;
width: 10px;