Skip to content

Commit 1f98c81

Browse files
frankpaganfrankpagan
committed
fix: replace fontawesome with svg
1 parent d0e2a1a commit 1f98c81

File tree

2 files changed

+21
-21
lines changed

2 files changed

+21
-21
lines changed

‎docs/index.html‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -32,13 +32,13 @@ <h2>CoCreate-dashboard</h2>
3232
<div class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white">
3333
<div class="display:flex align-items:center transition:0.3s padding-left:10px" share-network="true" share-text="Enter decription here" share-title="testing im a title" share-height="600" share-width="700" share-media="https://cdn.cocreate.app/docs/dashboard.png" hover="display:block!important" hover-target=".social-networks">
3434
<div class="display:none social-networks">
35-
<a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
36-
<a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
37-
<a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
35+
<a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="height:20px fill:#505050" src="/assets/svg/twitter.svg"></i></a>
36+
<a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="height:20px fill:#505050" src="/assets/svg/facebook.svg"></i></a>
37+
<a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="height:20px fill:#505050" src="/assets/svg/instagram.svg"></i></a>
3838
</div>
39-
<a class="margin-right:15px" share-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
39+
<a class="margin-right:15px" share-network='share' title="Share on share"><i class="height:20px fill:#505050" src="/assets/svg/share-alt.svg"></i></a>
4040
</div>
41-
<a href="https://github.com/CoCreate-app/CoCreate-dashboard" target="_blank" class="margin-right:15px"><i class="fab fa-github"></i></a>
41+
<a href="https://github.com/CoCreate-app/CoCreate-dashboard" target="_blank" class="margin-right:15px"><i class="height:20px fill:#505050" src="/assets/svg/github.svg"></i></a>
4242
</div>
4343
</div>
4444
<h1 class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-weight:100">A headless vinilla javascript micro component. Easy configuration using HTML5 attributes or Javscript api.</h1>
@@ -48,7 +48,7 @@ <h1 class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-
4848
<div id="dashboard-install" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#dashboard-install-section">
4949
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#dashboard-install"]'>
5050
<h2 class="padding:5px_0px">Install</h2>
51-
<a class="margin-left:10px display:none" href="#dashboard-install"><i class="fas fa-link"></i></a>
51+
<a class="margin-left:10px display:none" href="#dashboard-install"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
5252
</span>
5353
</div>
5454
<pre><code class="language-bash">npm i @cocreate/dashboard</code></pre>
@@ -58,7 +58,7 @@ <h2 class="padding:5px_0px">Install</h2>
5858
<div id="dashboard-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#dashboard-usage-section">
5959
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#dashboard-usage"]'>
6060
<h2 class="padding:5px_0px">Usage</h2>
61-
<a class="margin-left:10px display:none" href="#dashboard-usage"><i class="fas fa-link"></i></a>
61+
<a class="margin-left:10px display:none" href="#dashboard-usage"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
6262
</span>
6363
</div>
6464
<div class="">
@@ -73,7 +73,7 @@ <h2 class="padding:5px_0px">Usage</h2>
7373
<div id="dashboard-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#dashboard-attributes-section">
7474
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#dashboard-attributes"]'>
7575
<h2 class="padding:5px_0px">Attributes</h2>
76-
<a class="margin-left:10px display:none" href="#dashboard-attributes"><i class="fas fa-link"></i></a>
76+
<a class="margin-left:10px display:none" href="#dashboard-attributes"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
7777
</span>
7878
</div>
7979
<ul class="list-style-type:none ">
@@ -93,7 +93,7 @@ <h4><span>dashboard</span> <span class="cocreate-badge success">string</span> <s
9393
<div id="dashboard-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#dashboard-demo-section">
9494
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#dashboard-demo"]'>
9595
<h2 class="padding:5px_0px">Demo</h2>
96-
<a class="margin-left:10px display:none" href="#dashboard-demo"><i class="fas fa-link"></i></a>
96+
<a class="margin-left:10px display:none" href="#dashboard-demo"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
9797
</span>
9898
</div>
9999
<div class="position:sticky top:0 padding:15px_0px height:100vh">
@@ -110,10 +110,10 @@ <h2 class="padding:5px_0px">Demo</h2>
110110
</div>
111111

112112
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
113-
<a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" toggle="code-height" toggle-target="#demo-code"><i class="far fa-eye"></i></a>
114-
<a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" toggle="code-height" toggle-target="#demo-code"><i class="fas fa-eye-slash"></i></a>
115-
<a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="fa fa-code"></i></a>
116-
<a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="fas fa-code"></i></a>
113+
<a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" toggle="code-height" toggle-target="#demo-code"><i class="height:18px fill:#505050" src="/assets/svg/eye.svg"></i></a>
114+
<a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" toggle="code-height" toggle-target="#demo-code"><i class="height:20px fill:#505050" src="/assets/svg/eye-slash.svg"></i></a>
115+
<a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="height:20px fill:#505050" src="/assets/svg/code.svg"></i></a>
116+
<a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="display:flex height:18px fill:#505050" src="/assets/svg/code.svg"></i></a>
117117
<a class="margin-right:5px" fullscreen fullscreen-target="#playground"></a>
118118
</div>
119119

@@ -124,7 +124,7 @@ <h2 class="padding:5px_0px">Demo</h2>
124124

125125
</div>
126126
<button href="https://github.com/CoCreate-app/CoCreate-dashboard/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change..." target="_blank" class="position:fixed bottom:15px right:15px padding:15px background:dodgerblue color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
127-
<i class="fas fa-pencil-alt"></i>
127+
<i class="height:20px fill:#505050" src="/assets/svg/pencil-alt.svg"></i>
128128
</button>
129129
</main>
130130

‎src/dashboard.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -54,19 +54,19 @@
5454
<div content_id="content" class="nav display:flex align-items:center background:whitesmoke">
5555
<ul class="overflow:auto display:inline-flex direction:rtl font-size:20px align-items:center list-style-type:none width:100%">
5656
<li cLass="margin-right:15px">
57-
<a actions="closeModal"><i class="fas fa-times"></i></a>
57+
<a actions="closeModal"><i class="height:18px fill:#505050" src="/assets/svg/times.svg"></i></a>
5858
</li>
5959
<li cLass="margin-right:15px">
6060
<a actions="minMaxModal"><i toggle="fa-window-restore, fa-window-maximize" class="far fa-window-maximize"></i></a>
6161
</li>
6262
<li cLass="margin-right:15px">
63-
<a actions="parkModal"><i class="far fa-window-minimize"></i></a>
63+
<a actions="parkModal"><i class="height:18px fill:#505050" src="/assets/svg/window-minimize.svg"></i></a>
6464
</li>
6565
<li cLass="margin-right:15px">
6666
<a fullscreen></a>
6767
</li>
6868
<li cLass="margin-right:15px">
69-
<a actions="deleteDocument, closeModal" collection="modules" document_id="" pass_id="form-fields"><i class="far fa-trash-alt"></i></a>
69+
<a actions="deleteDocument, closeModal" collection="modules" document_id="" pass_id="form-fields"><i class="height:18px fill:#505050" src="/assets/svg/trash-alt.svg"></i></a>
7070
</li>
7171
</ul>
7272
</div>
@@ -137,7 +137,7 @@ <h2>$500</h2>
137137
<!-- <span class="display:inline-block">-->
138138
<!-- <input collection="module_activity" pass_id="form-fields" document_id="" name="clone-name" id="stage-name" class="input_field" placeholder="card">-->
139139
<!-- </span>-->
140-
<!-- <span class="float:right display:inline-block"><a clone_id="card" class="deleteBtn reset-layout"><i class="fas fa-times"></i></a></span>-->
140+
<!-- <span class="float:right display:inline-block"><a clone_id="card" class="deleteBtn reset-layout"><i class="height:18px fill:#505050" src="/assets/svg/times.svg"></i></a></span>-->
141141
<!-- </div>-->
142142
<!-- <div class="border:bottom border-color-extra-medium-gray">-->
143143
<!-- <div class="display:flex align-items:center margin:0px_15px">-->
@@ -146,18 +146,18 @@ <h2>$500</h2>
146146
<!-- <div id="task-item" class="display:flex flex-wrap-nowrap align-items:center margin:0px_15px padding:10px_0px template">-->
147147
<!-- <h3>Something...</h3>-->
148148

149-
<!-- <a clone_id="task-item" class="margin-left:15px font-size:20px deleteBtn" ><i class="far fa-trash-alt"></i></a>-->
149+
<!-- <a clone_id="task-item" class="margin-left:15px font-size:20px deleteBtn" ><i class="height:18px fill:#505050" src="/assets/svg/trash-alt.svg"></i></a>-->
150150
<!-- </div>-->
151151
<!-- </form>-->
152152
<!-- </div>-->
153153
<!-- </div>-->
154154
<!-- <div class="margin:0px_15px margin:15px_0px">-->
155-
<!-- <a clone_id="task-item" actions="clone" class="noDrag reset-layout" style="display: block" ><i class="fas fa-plus"></i> Something...</a> -->
155+
<!-- <a clone_id="task-item" actions="clone" class="noDrag reset-layout" style="display: block" ><i class="height:16px fill:#505050" src="/assets/svg/plus.svg"></i> Something...</a> -->
156156
<!-- </div>-->
157157
<!--</div>-->
158158
</div><!-- Sortable card -->
159159

160-
<button clone_id="card" class="position:fixed bottom:15px right:15px background:dodgerblue grow-hover round cloneBtn" id="addcardBtn"><i class="fas fa-plus"></i></button>
160+
<button clone_id="card" class="position:fixed bottom:15px right:15px background:dodgerblue grow-hover round cloneBtn" id="addcardBtn"><i class="height:16px fill:#505050" src="/assets/svg/plus.svg"></i></button>
161161

162162
</div><!-- saveFetch -->
163163
</div> <!-- -->

0 commit comments

Comments
 (0)