Skip to content
This repository was archived by the owner on Apr 4, 2025. It is now read-only.

Commit f52158a

Browse files
willpinhawillpinha
authored
51 change icons to logo and mocked avatars to avatar (#53)
* add logo to navbars * add logo to sidebar * add avatar to team
1 parent 6e39fb9 commit f52158a

File tree

7 files changed

+21
-33
lines changed

7 files changed

+21
-33
lines changed

‎src/examples/navbar/centeredLogo.html

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<div class="w-full flex justify-between md:hidden">
55
<!-- Logo -->
66
<a class="btn btn-ghost text-lg">
7-
<i class="fa-solid fa-gamepad text-primary"></i>
7+
<img alt="Logo" src="/logo.svg" class="w-4" />
88
Game Name
99
</a>
1010

@@ -38,10 +38,12 @@
3838
<!-- Centered logo -->
3939
<div class="flex justify-center">
4040
<a class="btn btn-ghost text-lg">
41-
<i class="fa-solid fa-gamepad text-primary"></i>
41+
<img alt="Logo" src="/logo.svg" class="w-4" />
4242
Game Name
4343
</a>
4444
</div>
45+
<!-- Logo -->
46+
4547

4648
<!-- Right menu -->
4749
<ul class="col-span-2 menu md:menu-horizontal justify-start gap-4 hidden">

‎src/examples/navbar/centeredLogoAndMenu.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<nav class="navbar justify-center bg-base-300">
22
<a class="btn btn-ghost text-lg">
3-
<i class="fa-solid fa-store text-primary"></i>
3+
<img alt="Logo" src="/logo.svg" class="w-4" />
44
Store Name
55
</a>
66
</nav>

‎src/examples/navbar/simple.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<nav class="navbar justify-between bg-base-300">
33
<!-- Logo -->
44
<a class="btn btn-ghost text-lg">
5-
<i class="fa-solid fa-landmark text-primary"></i>
5+
<img alt="Logo" src="/logo.svg" class="w-4" />
66
Company
77
</a>
88

‎src/examples/navbar/simpleWithDropdown.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<nav class="navbar justify-between bg-base-300">
33
<!-- Logo -->
44
<a class="btn btn-ghost text-lg">
5-
<i class="fa-solid text-primary fa-earth-americas"></i>
5+
<img alt="Logo" src="/logo.svg" class="w-4" />
66
App Name
77
</a>
88

‎src/examples/sidebar/avatar.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99

1010
<h2 class="font-bold text-lg">User name</h2>
1111

12-
<span class="text-sm">username@email.com</span>
12+
<span class="text-sm text-accent">username@email.com</span>
1313

1414
<ul class="menu menu-lg w-full">
1515
<li>

‎src/examples/sidebar/menuAndSearch.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<div class="flex justify-between p-2">
55
<!-- Logo -->
66
<a class="btn btn-ghost text-lg">
7-
<i class="fa-solid fa-earth-americas text-primary"></i>
7+
<img alt="Logo" src="/logo.svg" class="w-4" />
88
App Name
99
</a>
1010

‎src/examples/team/squaredImageWithSocials.html

Lines changed: 12 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,12 @@
11
<div class="flex flex-col items-center gap-8">
22
<h1 class="font-bold text-3xl self-center">Meet the crew</h1>
33

4-
<span class="self-center">Creative people</span>
5-
64
<!-- Team -->
75
<div class="grid grid-cols-1 sm:grid-cols-3 gap-20">
86
<!-- Member -->
97
<div class="flex gap-4">
108
<!-- Photo -->
11-
<div class="flex justify-center items-center bg-base-300 rounded-box p-4">
12-
<i class="fa-solid fa-user-tie text-6xl"></i>
13-
</div>
9+
<img alt="Logo" src="/images/avatar.png" class="rounded-full w-24" />
1410

1511
<div class="flex flex-col gap-2">
1612
<!-- Name -->
@@ -20,7 +16,7 @@ <h3 class="font-bold">David Forren</h3>
2016
<span class="text-sm">Founder / CEO</span>
2117

2218
<!-- Socials -->
23-
<div class="flex text-secondary">
19+
<div class="flex text-accent text-xs">
2420
<a class="btn btn-ghost btn-sm btn-circle">
2521
<i class="fa-brands fa-github text-lg"></i>
2622
</a>
@@ -39,9 +35,7 @@ <h3 class="font-bold">David Forren</h3>
3935
<!-- Member -->
4036
<div class="flex gap-4">
4137
<!-- Photo -->
42-
<div class="flex justify-center items-center bg-base-300 rounded-box p-4">
43-
<i class="fa-solid fa-user-tie text-6xl"></i>
44-
</div>
38+
<img alt="Logo" src="/images/avatar.png" class="rounded-full w-24" />
4539

4640
<div class="flex flex-col gap-2">
4741
<!-- Name -->
@@ -51,7 +45,7 @@ <h3 class="font-bold">Amil Evara</h3>
5145
<span class="text-sm">UI/UX Designer</span>
5246

5347
<!-- Socials -->
54-
<div class="flex text-secondary">
48+
<div class="flex text-accent text-xs">
5549
<a class="btn btn-ghost btn-sm btn-circle">
5650
<i class="fa-brands fa-github text-lg"></i>
5751
</a>
@@ -70,9 +64,7 @@ <h3 class="font-bold">Amil Evara</h3>
7064
<!-- Member -->
7165
<div class="flex gap-4">
7266
<!-- Photo -->
73-
<div class="flex justify-center items-center bg-base-300 rounded-box p-4">
74-
<i class="fa-solid fa-user-tie text-6xl"></i>
75-
</div>
67+
<img alt="Logo" src="/images/avatar.png" class="rounded-full w-24" />
7668

7769
<div class="flex flex-col gap-2">
7870
<!-- Name -->
@@ -82,7 +74,7 @@ <h3 class="font-bold">Ebele Egbuna</h3>
8274
<span class="text-sm">Support consultant</span>
8375

8476
<!-- Socials -->
85-
<div class="flex text-secondary">
77+
<div class="flex text-accent text-xs">
8678
<a class="btn btn-ghost btn-sm btn-circle">
8779
<i class="fa-brands fa-github text-lg"></i>
8880
</a>
@@ -101,9 +93,7 @@ <h3 class="font-bold">Ebele Egbuna</h3>
10193
<!-- Member -->
10294
<div class="flex gap-4">
10395
<!-- Photo -->
104-
<div class="flex justify-center items-center bg-base-300 rounded-box p-4">
105-
<i class="fa-solid fa-user-tie text-6xl"></i>
106-
</div>
96+
<img alt="Logo" src="/images/avatar.png" class="rounded-full w-24" />
10797

10898
<div class="flex flex-col gap-2">
10999
<!-- Name -->
@@ -113,7 +103,7 @@ <h3 class="font-bold">Maria Powers</h3>
113103
<span class="text-sm">Director of sales</span>
114104

115105
<!-- Socials -->
116-
<div class="flex text-secondary">
106+
<div class="flex text-accent text-xs">
117107
<a class="btn btn-ghost btn-sm btn-circle">
118108
<i class="fa-brands fa-github text-lg"></i>
119109
</a>
@@ -132,9 +122,7 @@ <h3 class="font-bold">Maria Powers</h3>
132122
<!-- Member -->
133123
<div class="flex gap-4">
134124
<!-- Photo -->
135-
<div class="flex justify-center items-center bg-base-300 rounded-box p-4">
136-
<i class="fa-solid fa-user-tie text-6xl"></i>
137-
</div>
125+
<img alt="Logo" src="/images/avatar.png" class="rounded-full w-24" />
138126

139127
<div class="flex flex-col gap-2">
140128
<!-- Name -->
@@ -144,7 +132,7 @@ <h3 class="font-bold">Delia Pawelke</h3>
144132
<span class="text-sm">Front-end developer</span>
145133

146134
<!-- Socials -->
147-
<div class="flex text-secondary">
135+
<div class="flex text-accent text-xs">
148136
<a class="btn btn-ghost btn-sm btn-circle">
149137
<i class="fa-brands fa-github text-lg"></i>
150138
</a>
@@ -163,9 +151,7 @@ <h3 class="font-bold">Delia Pawelke</h3>
163151
<!-- Member -->
164152
<div class="flex gap-4">
165153
<!-- Photo -->
166-
<div class="flex justify-center items-center bg-base-300 rounded-box p-4">
167-
<i class="fa-solid fa-user-tie text-6xl"></i>
168-
</div>
154+
<img alt="Logo" src="/images/avatar.png" class="rounded-full w-24" />
169155

170156
<div class="flex flex-col gap-2">
171157
<!-- Name -->
@@ -175,7 +161,7 @@ <h3 class="font-bold">Tom Lowry</h3>
175161
<span class="text-sm">UI/UX Designer</span>
176162

177163
<!-- Socials -->
178-
<div class="flex text-secondary">
164+
<div class="flex text-accent text-xs">
179165
<a class="btn btn-ghost btn-sm btn-circle">
180166
<i class="fa-brands fa-github text-lg"></i>
181167
</a>

0 commit comments

Comments
 (0)