Skip to content

Commit 7d36d66

Browse files
sarasnmsp21sarasnmsp21
committed
today chagnes in scroll page
1 parent b98ebf5 commit 7d36d66

File tree

18 files changed

+673
-558
lines changed

18 files changed

+673
-558
lines changed

‎src/assets/scss/Sstyle/citysearch.scss‎

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,27 +10,32 @@
1010
color: $alltextbluecolor;
1111
}
1212
.boxtext-font-size {
13-
font-size: 14px;
14-
color: $textwhitecolor;
13+
font-size: 12px;
14+
color: #fff;
15+
text-overflow: ellipsis;
16+
overflow: hidden;
17+
width: 112px;
18+
height: 1.2em;
19+
white-space: nowrap;
1520
}
1621
.boxhead-style {
1722
display: inline;
1823
width: 144px;
1924
border-radius: 2px;
20-
height: 44px;
25+
height: 38px;
2126
text-align: left;
2227
}
2328
.city-display {
2429
display: inline-block;
2530
}
2631
.search-box-margin {
27-
margin-left: -336px;
32+
margin-left: -377px;
2833
text-align: center;
2934
background: $allgradientbluecolor;
3035
color: $textwhitecolor;
3136
border-radius: 20px;
32-
width: 168px;
33-
height: 37px;
37+
width: 148px;
38+
height: 35px;
3439
border: none;
3540
font-weight: bold;
3641
font-size: 19px;

‎src/assets/scss/Sstyle/navbar.scss‎

Lines changed: 18 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -8,30 +8,37 @@ ul > li {
88
list-style-type: none;
99
}
1010
.icon-text-font {
11-
font-size: 14px;
11+
font-size: 16px;
1212
padding-right: 3px;
1313
}
1414
.my-button {
1515
border-radius: 365%;
1616
color: white;
1717
background-image: $mybuttoncolor;
1818
border: none;
19-
height: 25px;
20-
width: 25px;
19+
height: 22px;
20+
width: 22px;
2121
text-align: center;
22-
font-size: 11px;
22+
font-size: 10px;
2323
}
2424
.login-font-size {
25-
font-size: 11px;
26-
}
27-
.navbar-light .navbar-nav .nav-link:hover,
28-
.navbar-light .navbar-nav .nav-link:focus {
29-
color: $alltextbluecolor;
30-
outline: none;
25+
font-size: 10px;
26+
color: black;
3127
}
3228
.icon-display {
3329
display: block;
30+
font-size:11px;
3431
}
3532
button:focus{
3633
outline: none;
37-
}
34+
}
35+
.icon-img-hover:hover{
36+
color:$alltextbluecolor
37+
}
38+
.login-font-size:hover{
39+
text-decoration: none;
40+
color:black;
41+
}
42+
.icon-img-hover.active{
43+
color:$alltextbluecolor;
44+
}

‎src/assets/scss/Sstyle/roominfo.scss‎

Lines changed: 191 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,191 @@
1+
@import "../assets/scss/_svariables.scss";
2+
.star-color {
3+
color: #8080805c;
4+
}
5+
.swiper-style {
6+
height: 270px;
7+
background-image: url(../assets/ImagesS/roomimage.jpeg);
8+
border-radius: 3px 0px 0px 3px;
9+
}
10+
.outline-whole-row {
11+
border: 1px solid #8080807a;
12+
font-size: 12px;
13+
border-radius: 6px;
14+
box-shadow: 0.01px 0.01px 0.01px 0.01px grey;
15+
}
16+
.outline-inside-text {
17+
font-size: 9px;
18+
color: $alltextbluecolor;
19+
font-weight: bold;
20+
}
21+
.outline-button {
22+
margin-left: 25px;
23+
}
24+
.img-row-p {
25+
padding-left: 15px;
26+
padding-right: 15px;
27+
margin-bottom: 16px;
28+
}
29+
.outline-whole-row2 {
30+
border: 1px solid #8080807a;
31+
font-size: 12px;
32+
margin-top: 10px;
33+
height: 112px;
34+
border-radius: 6px;
35+
}
36+
.outline-whole-row3 {
37+
border: 1px solid #8080807a;
38+
font-size: 11px;
39+
padding: 3px;
40+
width: 274px;
41+
margin-top: 25px;
42+
margin-left: 264px;
43+
height: 28px;
44+
text-align: center;
45+
border-radius: 3px;
46+
color: red;
47+
background-color: #ff00002e;
48+
}
49+
.price-per-night-text
50+
{
51+
color: #6c757da6;
52+
}
53+
.booknow-box-button {
54+
background: $allgradientbluecolor;
55+
border-radius: 20px;
56+
width: 101px;
57+
height: 23px;
58+
border: none;
59+
font-weight: bold;
60+
font-size: 10px;
61+
color: $textwhitecolor;
62+
}
63+
.swiper-button-prev,
64+
.swiper-button-next {
65+
background-size: 16px 44px;
66+
}
67+
.div-back-image {
68+
background: linear-gradient(rgba(13, 14, 14, 0.12), rgba(19, 21, 21, 0.83)),
69+
url("../assets/ImagesS/rest.jpeg");
70+
71+
height: 118px;
72+
width: 164px;
73+
}
74+
.font-rest {
75+
color: white;
76+
font-size: 10px;
77+
margin-top: 87px;
78+
margin-left: 11px;
79+
font-weight: bold;
80+
}
81+
.div-back-image-room {
82+
background: linear-gradient(rgba(13, 14, 14, 0.12), rgba(19, 21, 21, 0.28)),
83+
url("../assets/ImagesS/room.jpeg");
84+
85+
height: 144px;
86+
width: 340px;
87+
border-radius: 0px 3px 3px 0px;
88+
}
89+
.font-room {
90+
color: white;
91+
font-size: 10px;
92+
margin-top: 108px;
93+
font-weight: bold;
94+
}
95+
.row-top-margin {
96+
margin-top: -8px;
97+
}
98+
.border-style {
99+
border-top: 1px solid #80808057;
100+
margin-left: 0px;
101+
margin-right: 1px;
102+
margin-top: 7px;
103+
padding-top: 7px;
104+
padding-bottom: 8px;
105+
}
106+
.bed-queen {
107+
font-size: 11px;
108+
color: $alltextbluecolor;
109+
}
110+
.price-per-night {
111+
font-size: 10px;
112+
}
113+
.price-light-through {
114+
text-decoration: line-through;
115+
}
116+
.price2 {
117+
font-size: 17px;
118+
color: $alltextbluecolor;
119+
}
120+
.save-price {
121+
font-size: 9px;
122+
color: $textredcolor;
123+
}
124+
.none-refun {
125+
font-size: 9px;
126+
color: $textredcolor;
127+
font-weight: bold;
128+
}
129+
.room-only-font {
130+
font-size: 9px;
131+
color: $textgreencolor;
132+
font-weight: bold;
133+
}
134+
.booknow-button {
135+
padding: 0px;
136+
margin-left: 65px;
137+
}
138+
.whole-div-font-size {
139+
font-size: 9px;
140+
}
141+
.button-maring-left {
142+
margin-left: 67px;
143+
}
144+
.advisor-button-sm {
145+
background-color: $textgreencolor;
146+
color: white;
147+
height: 30px;
148+
width: 56px;
149+
border-radius: 5px;
150+
text-align: center;
151+
font-size: 15px;
152+
padding-top: 3px;
153+
margin-left: 23px;
154+
}
155+
.review-color {
156+
color: $textgreencolor;
157+
font-weight: bold;
158+
font-size: 10px;
159+
}
160+
.review-margin {
161+
margin-top: -7px;
162+
}
163+
.review-below {
164+
font-size: 11px;
165+
padding-bottom: 5px;
166+
}
167+
.north-star {
168+
font-size: 10px;
169+
170+
}
171+
.star-padding{
172+
font-size: 9px;
173+
margin-left: -7px;
174+
margin-top: 15px;
175+
}
176+
.more-review-font {
177+
color: $alltextbluecolor;
178+
}
179+
.ibis-font {
180+
font-size: 21px;
181+
margin-top: 5px;
182+
}
183+
.ibis-hotel-below {
184+
color: $alltextbluecolor;
185+
font-size: 13px;
186+
margin-top: -7px;
187+
}
188+
.sec-th-margin {
189+
margin-left: 6px;
190+
border-radius: 3px;
191+
}

‎src/assets/scss/Sstyle/table.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,4 +54,5 @@
5454
font-size: 13px;
5555
font-weight: bold;
5656
}
57+
5758

‎src/components/NavbarS.vue‎

Lines changed: 49 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -15,44 +15,65 @@
1515
<div class="icon-text-font">
1616
<b-collapse id="nav-collapse" is-nav>
1717
<b-navbar-nav>
18-
<b-nav-item href="#" class=" text-center">
19-
<font-awesome-icon :icon="['fas', 'plane']" />
18+
<b-nav-item href="#" class=" text-center pr-2">
19+
<span class="icon-img-hover"
20+
><font-awesome-icon :icon="['fas', 'plane']"
21+
/></span>
2022
<span class="icon-display"> Flights </span>
2123
</b-nav-item>
22-
<b-nav-item href="#" class=" text-center">
23-
<font-awesome-icon :icon="['fas', 'hotel']" />
24+
<b-nav-item href="#" class=" text-center pr-2">
25+
<span class="icon-img-hover active"
26+
><font-awesome-icon :icon="['fas', 'hotel']"
27+
/></span>
2428
<span class="icon-display"> Hotels </span>
2529
</b-nav-item>
26-
<b-nav-item href="#" class=" text-center">
27-
<font-awesome-icon :icon="['fas', 'parachute-box']" />
30+
<b-nav-item href="#" class=" text-center pr-2">
31+
<span class="icon-img-hover"
32+
><font-awesome-icon :icon="['fas', 'parachute-box']"
33+
/></span>
2834
<span class="icon-display"> Holidays </span>
2935
</b-nav-item>
30-
<b-nav-item href="#" class=" text-center">
31-
<font-awesome-icon :icon="['fas', 'train']" />
36+
<b-nav-item href="#" class=" text-center pr-2">
37+
<span class="icon-img-hover">
38+
<font-awesome-icon :icon="['fas', 'train']"
39+
/></span>
3240
<span class="icon-display"> Trains </span>
3341
</b-nav-item>
34-
<b-nav-item href="#" class=" text-center">
35-
<font-awesome-icon :icon="['fas', 'bus']" />
42+
<b-nav-item href="#" class=" text-center pr-2">
43+
<span class="icon-img-hover">
44+
<font-awesome-icon :icon="['fas', 'bus']"
45+
/></span>
3646
<span class="icon-display"> Buses </span>
3747
</b-nav-item>
38-
<b-nav-item href="#" class=" text-center">
39-
<font-awesome-icon :icon="['fas', 'taxi']" />
48+
<b-nav-item href="#" class=" text-center pr-2">
49+
<span class="icon-img-hover">
50+
<font-awesome-icon :icon="['fas', 'taxi']"
51+
/></span>
4052
<span class="icon-display"> Cabs </span>
4153
</b-nav-item>
42-
<b-nav-item href="#" class=" text-center">
43-
<font-awesome-icon :icon="['fas', 'passport']" />
54+
<b-nav-item href="#" class=" text-center pr-2">
55+
<span class="icon-img-hover">
56+
<font-awesome-icon :icon="['fas', 'passport']"
57+
/></span>
58+
4459
<span class="icon-display"> Visa </span>
4560
</b-nav-item>
46-
<b-nav-item href="#" class=" text-center">
47-
<font-awesome-icon :icon="['fas', 'home']" />
61+
<b-nav-item href="#" class=" text-center pr-2">
62+
<span class="icon-img-hover"
63+
><font-awesome-icon :icon="['fas', 'home']"
64+
/></span>
4865
<span class="icon-display"> Homestays </span>
4966
</b-nav-item>
50-
<b-nav-item href="#" class=" text-center">
51-
<font-awesome-icon :icon="['fas', 'gift']" />
67+
<b-nav-item href="#" class=" text-center pr-2">
68+
<span class="icon-img-hover">
69+
<font-awesome-icon :icon="['fas', 'gift']"
70+
/></span>
5271
<span class="icon-display"> Giftcards </span>
5372
</b-nav-item>
54-
<b-nav-item href="#" class=" text-center">
55-
<font-awesome-icon :icon="['fas', 'ellipsis-h']" />
73+
<b-nav-item href="#" class=" text-center pr-2">
74+
<span class="icon-img-hover"
75+
><font-awesome-icon :icon="['fas', 'ellipsis-h']"
76+
/></span>
5677
<span class="icon-display"> More </span>
5778
</b-nav-item>
5879
</b-navbar-nav>
@@ -65,12 +86,14 @@
6586
<b-col>
6687
<b-row>
6788
<button class="my-button active">my</button>
68-
<b-col>
69-
<div class="login-font-size">
70-
<span>Login or</span><br />
71-
<span> Create Account </span>
72-
</div>
73-
</b-col>
89+
<div>
90+
<b-col class="pl-2">
91+
<div class="login-font-size font-weight-bold">
92+
<a href="#" class="login-font-size">Login or</a><br />
93+
<a href="#" class="login-font-size"> Create Account </a>
94+
</div>
95+
</b-col>
96+
</div>
7497
</b-row>
7598
</b-col>
7699
</div>

0 commit comments

Comments
 (0)