diff options
| author | Zephyrrus <[email protected]> | 2020-06-29 20:02:47 +0300 |
|---|---|---|
| committer | Zephyrrus <[email protected]> | 2020-06-29 20:02:47 +0300 |
| commit | ac037c773ef5f15372c6999445a2efe00034c0c0 (patch) | |
| tree | 94ff8cfad575421add06834100a2343eba6a3f73 /src/site/pages/dashboard/admin/file/_id.vue | |
| parent | misc: remove patreon. sorry. (diff) | |
| download | host.fuwn.me-ac037c773ef5f15372c6999445a2efe00034c0c0.tar.xz host.fuwn.me-ac037c773ef5f15372c6999445a2efe00034c0c0.zip | |
fix: Remove hero and hero body and use sections and containers instead
Hero is meant to be used as a full-width banner to showcare or present somethign, not to contain the entire content of the webpage
Diffstat (limited to 'src/site/pages/dashboard/admin/file/_id.vue')
| -rw-r--r-- | src/site/pages/dashboard/admin/file/_id.vue | 174 |
1 files changed, 86 insertions, 88 deletions
diff --git a/src/site/pages/dashboard/admin/file/_id.vue b/src/site/pages/dashboard/admin/file/_id.vue index 6718b32..5821292 100644 --- a/src/site/pages/dashboard/admin/file/_id.vue +++ b/src/site/pages/dashboard/admin/file/_id.vue @@ -2,97 +2,95 @@ .underline { text-decoration: underline; } </style> <template> - <section class="hero is-fullheight dashboard"> - <div class="hero-body"> - <div class="container"> - <div class="columns"> - <div class="column is-narrow"> - <Sidebar /> - </div> - <div class="column"> - <h2 class="subtitle">File details</h2> - <hr> - - <div class="columns"> - <div class="column is-6"> - <b-field label="ID" - horizontal> - <span>{{ file.id }}</span> - </b-field> - - <b-field label="Name" - horizontal> - <span>{{ file.name }}</span> - </b-field> - - <b-field label="Original Name" - horizontal> - <span>{{ file.original }}</span> - </b-field> - - <b-field label="IP" - horizontal> - <span class="underline">{{ file.ip }}</span> - </b-field> - - <b-field label="Link" - horizontal> - <a :href="file.url" - target="_blank">{{ file.url }}</a> - </b-field> - - <b-field label="Size" - horizontal> - <span>{{ formatBytes(file.size) }}</span> - </b-field> - - <b-field label="Hash" - horizontal> - <span>{{ file.hash }}</span> - </b-field> - - <b-field label="Uploaded" - horizontal> - <span><timeago :since="file.createdAt" /></span> - </b-field> - </div> - <div class="column is-6"> - <b-field label="User Id" - horizontal> - <span>{{ user.id }}</span> - </b-field> - - <b-field label="Username" - horizontal> - <span>{{ user.username }}</span> - </b-field> - - <b-field label="Enabled" - horizontal> - <span>{{ user.enabled }}</span> - </b-field> - - <b-field label="Registered" - horizontal> - <span><timeago :since="user.createdAt" /></span> - </b-field> - - <b-field label="Files" - horizontal> - <span> - <nuxt-link :to="`/dashboard/admin/user/${user.id}`">{{ user.fileCount }}</nuxt-link> - </span> - </b-field> - </div> + <section class="section is-fullheight dashboard"> + <div class="container"> + <div class="columns"> + <div class="column is-narrow"> + <Sidebar /> + </div> + <div class="column"> + <h2 class="subtitle">File details</h2> + <hr> + + <div class="columns"> + <div class="column is-6"> + <b-field label="ID" + horizontal> + <span>{{ file.id }}</span> + </b-field> + + <b-field label="Name" + horizontal> + <span>{{ file.name }}</span> + </b-field> + + <b-field label="Original Name" + horizontal> + <span>{{ file.original }}</span> + </b-field> + + <b-field label="IP" + horizontal> + <span class="underline">{{ file.ip }}</span> + </b-field> + + <b-field label="Link" + horizontal> + <a :href="file.url" + target="_blank">{{ file.url }}</a> + </b-field> + + <b-field label="Size" + horizontal> + <span>{{ formatBytes(file.size) }}</span> + </b-field> + + <b-field label="Hash" + horizontal> + <span>{{ file.hash }}</span> + </b-field> + + <b-field label="Uploaded" + horizontal> + <span><timeago :since="file.createdAt" /></span> + </b-field> </div> - - <div class="mb2 mt2 text-center"> - <button class="button is-danger" - @click="promptBanIP">Ban IP</button> - <button class="button is-danger" - @click="promptDisableUser">Disable user</button> + <div class="column is-6"> + <b-field label="User Id" + horizontal> + <span>{{ user.id }}</span> + </b-field> + + <b-field label="Username" + horizontal> + <span>{{ user.username }}</span> + </b-field> + + <b-field label="Enabled" + horizontal> + <span>{{ user.enabled }}</span> + </b-field> + + <b-field label="Registered" + horizontal> + <span><timeago :since="user.createdAt" /></span> + </b-field> + + <b-field label="Files" + horizontal> + <span> + <nuxt-link :to="`/dashboard/admin/user/${user.id}`">{{ user.fileCount }}</nuxt-link> + </span> + </b-field> </div> </div> + + <div class="mb2 mt2 text-center"> + <button class="button is-danger" + @click="promptBanIP">Ban IP</button> + <button class="button is-danger" + @click="promptDisableUser">Disable user</button> + </div> </div> </div> </div> |