docs: rename button class to docs-button

This commit is contained in:
bcakmakoglu
2022-06-17 23:20:58 +02:00
committed by Braks
parent 119bcabaf8
commit 04907fcc16
5 changed files with 5 additions and 5 deletions
+1 -1
View File
@@ -106,7 +106,7 @@ onPaneReady((i) => emit('pane', i))
<br /> <br />
Plus it's built for composition, making the access of the internal state easy as can be! Plus it's built for composition, making the access of the internal state easy as can be!
</p> </p>
<router-link class="button max-w-max" to="/guide/"> Documentation </router-link> <router-link class="docs-button max-w-max" to="/guide/"> Documentation </router-link>
</div> </div>
</div> </div>
</template> </template>
+1 -1
View File
@@ -111,7 +111,7 @@ onConnect((param) => {
Vue Flow comes with built-in features like zoom & pan and dedicated controls, single & multi-selections, draggable Vue Flow comes with built-in features like zoom & pan and dedicated controls, single & multi-selections, draggable
elements, customizable nodes and edges and a bunch of event handlers. elements, customizable nodes and edges and a bunch of event handlers.
</p> </p>
<router-link class="button max-w-max" to="/guide/"> Documentation </router-link> <router-link class="docs-button max-w-max" to="/guide/"> Documentation </router-link>
</div> </div>
</div> </div>
<div <div
+1 -1
View File
@@ -65,7 +65,7 @@ onPaneReady((i) => emit('pane', i))
<br /> <br />
No worries! Vue Flow supports creating nested nodes and nested graphs out-of-the-box. No worries! Vue Flow supports creating nested nodes and nested graphs out-of-the-box.
</p> </p>
<router-link class="button max-w-max" to="/guide/"> Documentation </router-link> <router-link class="docs-button max-w-max" to="/guide/"> Documentation </router-link>
</div> </div>
</div> </div>
<div <div
+1 -1
View File
@@ -108,7 +108,7 @@ const nodeColor: MiniMapNodeFunc = (node) => {
You can expand on the existing features by using your own custom nodes and edges and implement any design and You can expand on the existing features by using your own custom nodes and edges and implement any design and
functionality you want. functionality you want.
</p> </p>
<router-link class="button max-w-max" to="/guide/">Documentation</router-link> <router-link class="docs-button max-w-max" to="/guide/">Documentation</router-link>
</div> </div>
</div> </div>
</template> </template>
+1 -1
View File
@@ -64,7 +64,7 @@ ul li {
@apply mt-2; @apply mt-2;
} }
.button { .docs-button {
@apply z-1 shadow-lg transition-colors duration-200 text-white font-semibold text-lg mt-4 px-5 py-3 rounded-lg bg-green-500; @apply z-1 shadow-lg transition-colors duration-200 text-white font-semibold text-lg mt-4 px-5 py-3 rounded-lg bg-green-500;
} }