Skip to content
This repository was archived by the owner on Mar 26, 2023. It is now read-only.

Commit c46bc53

Browse files
authored
layout improves (#66)
1 parent a127b6b commit c46bc53

1 file changed

Lines changed: 36 additions & 50 deletions

File tree

src/views/InitView.vue

Lines changed: 36 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,40 @@
11
<template>
2-
<div class="init-background">
3-
<div class="container">
4-
<div class="init">
5-
<img
6-
:src="logoItem"
7-
:style="{ backgroundColor: '#fff' }"
8-
/>
9-
<h1>Добро пожаловать!</h1>
10-
<p>
11-
Наше приложение позволит получить доступ к сервисам для
12-
студентов ФФ МГУ!
13-
</p>
14-
<p>Для просмотра расписания выберите свою группу</p>
15-
<select
16-
v-model="groupId"
17-
class="form-select form-select-sm mb-3 group-selector"
18-
>
19-
<option
20-
selected
21-
value="-1"
22-
>
23-
Не выбрано
24-
</option>
25-
<option
26-
v-for="group in groupList.items"
27-
:key="group.id"
28-
:value="group.id"
29-
>
30-
{{ group.number }}
31-
</option>
32-
</select>
33-
<button
34-
type="button"
35-
class="btn btn-primary btn-lg save-button"
36-
@click="saveGroup"
37-
>
38-
Сохранить
39-
</button>
40-
</div>
41-
</div>
2+
<div class="init">
3+
<img
4+
:src="logoItem"
5+
:style="{ backgroundColor: '#fff' }"
6+
/>
7+
<h1>Добро пожаловать!</h1>
8+
<p>
9+
Наше приложение позволит получить доступ к сервисам для студентов ФФ
10+
МГУ!
11+
</p>
12+
<p>Для просмотра расписания выберите свою группу</p>
13+
<select
14+
v-model="groupId"
15+
class="form-select form-select-sm mb-3 group-selector"
16+
>
17+
<option
18+
selected
19+
value="-1"
20+
>
21+
Не выбрано
22+
</option>
23+
<option
24+
v-for="group in groupList.items"
25+
:key="group.id"
26+
:value="group.id"
27+
>
28+
{{ group.number }}
29+
</option>
30+
</select>
31+
<button
32+
type="button"
33+
class="btn btn-primary btn-lg save-button"
34+
@click="saveGroup"
35+
>
36+
Сохранить
37+
</button>
4238
</div>
4339
</template>
4440

@@ -113,13 +109,6 @@ export default {
113109
</script>
114110

115111
<style scoped>
116-
.init-background {
117-
width: 100%;
118-
flex: 1;
119-
background-repeat: repeat;
120-
background-size: cover;
121-
background-clip: padding-box;
122-
}
123112
.init {
124113
display: flex;
125114
flex-direction: column;
@@ -131,9 +120,6 @@ export default {
131120
width: 100%;
132121
height: 100%;
133122
}
134-
.container {
135-
height: 100%;
136-
}
137123
h1 {
138124
font-weight: bold;
139125
}

0 commit comments

Comments
 (0)