Skip to content

Commit db5fcec

Browse files
author
anuragsharma
committed
aligned all items in center
1 parent 71f43e6 commit db5fcec

3 files changed

Lines changed: 43 additions & 46 deletions

File tree

‎web-backend/src/main/jte/index.jte‎

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -41,12 +41,11 @@
4141

4242
<!-- Name Field -->
4343
<div class="space-y-2">
44-
<label for="name" class="block text-sm font-medium text-gray-700">
44+
<label for="name" class="block text-sm font-medium text-gray-700 flex items-center">
4545
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4646
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
4747
</svg>
48-
Full Name *
49-
</label>
48+
<span class="align-middle">Full Name *</span> </label>
5049
<input type="text"
5150
id="name"
5251
name="name"
@@ -57,11 +56,11 @@
5756

5857
<!-- Email Field -->
5958
<div class="space-y-2">
60-
<label for="email" class="block text-sm font-medium text-gray-700">
59+
<label for="email" class="block text-sm font-medium text-gray-700 **flex items-center**">
6160
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
6261
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
6362
</svg>
64-
Email Address *
63+
<span class="align-middle">Email Address *</span>
6564
</label>
6665
<input type="email"
6766
id="email"
@@ -73,11 +72,11 @@
7372

7473
<!-- Phone Field -->
7574
<div class="space-y-2">
76-
<label for="phone" class="block text-sm font-medium text-gray-700">
75+
<label for="phone" class="block text-sm font-medium text-gray-700 **flex items-center**">
7776
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
7877
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
7978
</svg>
80-
Phone Number *
79+
<span class="align-middle">Phone Number *</span>
8180
</label>
8281
<input type="tel"
8382
id="phone"
@@ -89,11 +88,11 @@
8988

9089
<!-- Company Field -->
9190
<div class="space-y-2">
92-
<label for="company" class="block text-sm font-medium text-gray-700">
91+
<label for="company" class="block text-sm font-medium text-gray-700 **flex items-center**">
9392
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
9493
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
9594
</svg>
96-
Company *
95+
<span class="align-middle">Company *</span>
9796
</label>
9897
<input type="text"
9998
id="company"
@@ -120,11 +119,11 @@
120119

121120
<!-- Host Dropdown - Full Width -->
122121
<div class="md:col-span-2 space-y-2">
123-
<label for="host-search" class="block text-sm font-medium text-gray-700">
122+
<label for="host-search" class="block text-sm font-medium text-gray-700 **flex items-center**">
124123
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
125124
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
126125
</svg>
127-
Who are you visiting? *
126+
<span class="align-middle">Who are you visiting? *</span>
128127
</label>
129128
<div class="relative">
130129
<input type="text"

‎web-backend/src/main/resources/templates/index-th.html‎

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -29,12 +29,11 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
2929

3030
<!-- Name Field -->
3131
<div class="space-y-2">
32-
<label for="name" class="block text-sm font-medium text-gray-700">
32+
<label for="name" class="block text-sm font-medium text-gray-700 flex items-center">
3333
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3434
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
3535
</svg>
36-
Full Name *
37-
</label>
36+
<span class="align-middle">Full Name *</span> </label>
3837
<input type="text"
3938
id="name"
4039
name="name"
@@ -46,11 +45,11 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
4645

4746
<!-- Email Field -->
4847
<div class="space-y-2">
49-
<label for="email" class="block text-sm font-medium text-gray-700">
48+
<label for="email" class="block text-sm font-medium text-gray-700 **flex items-center**">
5049
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
5150
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
5251
</svg>
53-
Email Address *
52+
<span class="align-middle">Email Address *</span>
5453
</label>
5554
<input type="email"
5655
id="email"
@@ -63,11 +62,11 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
6362

6463
<!-- Phone Field -->
6564
<div class="space-y-2">
66-
<label for="phone" class="block text-sm font-medium text-gray-700">
65+
<label for="phone" class="block text-sm font-medium text-gray-700 **flex items-center**">
6766
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
6867
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
6968
</svg>
70-
Phone Number *
69+
<span class="align-middle">Phone Number *</span>
7170
</label>
7271
<input type="tel"
7372
id="phone"
@@ -80,11 +79,11 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
8079

8180
<!-- Company Field -->
8281
<div class="space-y-2">
83-
<label for="company" class="block text-sm font-medium text-gray-700">
82+
<label for="company" class="block text-sm font-medium text-gray-700 **flex items-center**">
8483
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
8584
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
8685
</svg>
87-
Company *
86+
<span class="align-middle">Company *</span>
8887
</label>
8988
<input type="text"
9089
id="company"
@@ -97,11 +96,11 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
9796

9897
<!-- Host Dropdown - Full Width -->
9998
<div class="md:col-span-2 space-y-2">
100-
<label for="host-search" class="block text-sm font-medium text-gray-700">
99+
<label for="host-search" class="block text-sm font-medium text-gray-700 **flex items-center**">
101100
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
102101
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
103102
</svg>
104-
Who are you visiting? *
103+
<span class="align-middle">Who are you visiting? *</span>
105104
</label>
106105
<div class="relative">
107106
<input type="text"

‎web-backend/src/main/resources/templates/visitor.html‎

Lines changed: 23 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -24,46 +24,45 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
2424

2525
<!-- Name Field -->
2626
<div class="space-y-2">
27-
<label for="name" class="block text-sm font-medium text-gray-700">
27+
<label for="name" class="block text-sm font-medium text-gray-700 flex items-center">
2828
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2929
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
3030
</svg>
31-
Full Name *
32-
</label>
33-
<input type="text"
34-
id="name"
35-
name="name"
31+
<span class="align-middle">Full Name *</span> </label>
32+
<input type="text"
33+
id="name"
34+
name="name"
3635
required
3736
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
3837
placeholder="Enter your full name">
3938
</div>
4039

4140
<!-- Email Field -->
4241
<div class="space-y-2">
43-
<label for="email" class="block text-sm font-medium text-gray-700">
42+
<label for="email" class="block text-sm font-medium text-gray-700 **flex items-center**">
4443
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4544
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
4645
</svg>
47-
Email Address *
46+
<span class="align-middle">Email Address *</span>
4847
</label>
49-
<input type="email"
50-
id="email"
51-
name="email"
48+
<input type="email"
49+
id="email"
50+
name="email"
5251
required
5352
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
5453
placeholder="Enter your email address">
5554
</div>
5655

5756
<!-- Phone Field -->
5857
<div class="space-y-2">
59-
<label for="phone" class="block text-sm font-medium text-gray-700">
58+
<label for="phone" class="block text-sm font-medium text-gray-700 **flex items-center**">
6059
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
6160
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
6261
</svg>
63-
Phone Number *
62+
<span class="align-middle">Phone Number *</span>
6463
</label>
65-
<input type="tel"
66-
id="phone"
64+
<input type="tel"
65+
id="phone"
6766
name="phoneNumber"
6867
required
6968
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
@@ -72,31 +71,31 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
7271

7372
<!-- Company Field -->
7473
<div class="space-y-2">
75-
<label for="company" class="block text-sm font-medium text-gray-700">
74+
<label for="company" class="block text-sm font-medium text-gray-700 **flex items-center**">
7675
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
7776
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
7877
</svg>
79-
Company *
78+
<span class="align-middle">Company *</span>
8079
</label>
81-
<input type="text"
82-
id="company"
83-
name="company"
80+
<input type="text"
81+
id="company"
82+
name="company"
8483
required
8584
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
8685
placeholder="Enter your company name">
8786
</div>
8887

8988
<!-- Host Dropdown - Full Width -->
9089
<div class="md:col-span-2 space-y-2">
91-
<label for="host-search" class="block text-sm font-medium text-gray-700">
90+
<label for="host-search" class="block text-sm font-medium text-gray-700 **flex items-center**">
9291
<svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
9392
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
9493
</svg>
95-
Who are you visiting? *
94+
<span class="align-middle">Who are you visiting? *</span>
9695
</label>
9796
<div class="relative">
98-
<input type="text"
99-
id="host-search"
97+
<input type="text"
98+
id="host-search"
10099
name="hostSearch"
101100
autocomplete="off"
102101
class="w-full px-4 py-3 pr-10 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"

0 commit comments

Comments
 (0)