Start Rebuilding Acquia post
|
@ -7,7 +7,6 @@ tags:
|
|||
- tweet
|
||||
- vuejs
|
||||
has_tweets: true
|
||||
promoted: true
|
||||
---
|
||||
Earlier this week, I built a clone of [Drupal][0]’s default theme, Bartik, with [Vue.js][1] and [Tailwind CSS][2]. You can [view the code on GitHub][3] and the [site itself on Netlify][4].
|
||||
|
||||
|
|
|
@ -8,6 +8,7 @@ tags:
|
|||
- tweet
|
||||
- vuejs
|
||||
draft: true
|
||||
promoted: true
|
||||
---
|
||||
After [rebuilding Drupal’s Bartik theme](/blog/rebuilding-bartik-with-vuejs-tailwind-css), I’ve now used [Vue.js][vue] and [Tailwind CSS][tailwind] to rebuild another Drupal related UI - this time it’s [Acquia’s](https://www.acquia.com) web hosting dashboard. Again, you can [view the site on Netlify][netlify] and [the code on GitHub][github].
|
||||
|
||||
|
@ -107,8 +108,9 @@ This was the first page that I rebuilt - the Environments page for an applicatio
|
|||
|
||||
Vue Router is configured to show the
|
||||
|
||||
|
||||
<figure>
|
||||
<img src="/images/blog/rebuilding-acquia-vue-tailwind/2-environments.png" alt="A screenshot of the rebuilt Environments page." class="border border-gray-300 p-2">
|
||||
<img src="/images/blog/rebuilding-acquia-vue-tailwind/3-environments.png" alt="A screenshot of the rebuilt Environments page." class="border border-grey-light p-1">
|
||||
<figcaption>The rebuilt Environments page for an application.</figcaption>
|
||||
</figure>
|
||||
|
||||
|
@ -119,6 +121,11 @@ Vue Router is configured to show the
|
|||
<figcaption>The rebuilt Applications page.</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure>
|
||||
<img src="/images/blog/rebuilding-acquia-vue-tailwind/2-applications-list.png" alt="A screenshot of the rebuilt Applications page as a list." class="border border-grey-light p-1">
|
||||
<figcaption>The rebuilt Applications page.</figcaption>
|
||||
</figure>
|
||||
|
||||
## An environment page
|
||||
|
||||
<figure>
|
||||
|
|
After Width: | Height: | Size: 220 KiB |
Before Width: | Height: | Size: 76 KiB |
After Width: | Height: | Size: 218 KiB |
Before Width: | Height: | Size: 115 KiB |
Before Width: | Height: | Size: 101 KiB |
After Width: | Height: | Size: 327 KiB |
After Width: | Height: | Size: 326 KiB |