aboutsummaryrefslogtreecommitdiff
path: root/src/site/components/image-modal/ImageInfo.vue
diff options
context:
space:
mode:
authorPitu <[email protected]>2020-12-25 20:45:22 +0900
committerPitu <[email protected]>2020-12-25 20:45:22 +0900
commitec2f9e0d989792c1760b48e063467cf6e59c580a (patch)
tree6f447aeebe9af7be57ba15e23851a4611568ec3e /src/site/components/image-modal/ImageInfo.vue
parentchore: style changes (diff)
downloadhost.fuwn.me-ec2f9e0d989792c1760b48e063467cf6e59c580a.tar.xz
host.fuwn.me-ec2f9e0d989792c1760b48e063467cf6e59c580a.zip
Rebrand
Diffstat (limited to 'src/site/components/image-modal/ImageInfo.vue')
-rw-r--r--src/site/components/image-modal/ImageInfo.vue42
1 files changed, 21 insertions, 21 deletions
diff --git a/src/site/components/image-modal/ImageInfo.vue b/src/site/components/image-modal/ImageInfo.vue
index 9c7d73b..fdea285 100644
--- a/src/site/components/image-modal/ImageInfo.vue
+++ b/src/site/components/image-modal/ImageInfo.vue
@@ -1,5 +1,5 @@
<template>
- <div class="container has-background-lolisafe">
+ <div class="container has-background-chibisafe">
<div class="columns is-marginless">
<div class="column image-col has-centered-items">
<img v-if="!isVideo(file.type)" class="col-img" :src="file.url">
@@ -9,14 +9,14 @@
</div>
<div class="column data-col is-one-third">
<div class="sticky">
- <div class="divider is-lolisafe has-text-light">
+ <div class="divider is-chibisafe has-text-light">
File information
</div>
<b-field
label="ID"
label-position="on-border"
- type="is-lolisafe"
- class="lolisafe-on-border">
+ type="is-chibisafe"
+ class="chibisafe-on-border">
<div class="control">
<span class="fake-input">{{ file.id }}</span>
</div>
@@ -24,8 +24,8 @@
<b-field
label="Name"
label-position="on-border"
- type="is-lolisafe"
- class="lolisafe-on-border">
+ type="is-chibisafe"
+ class="chibisafe-on-border">
<div class="control">
<span class="fake-input">{{ file.name }}</span>
</div>
@@ -34,8 +34,8 @@
<b-field
label="Original Name"
label-position="on-border"
- type="is-lolisafe"
- class="lolisafe-on-border">
+ type="is-chibisafe"
+ class="chibisafe-on-border">
<div class="control">
<span class="fake-input">{{ file.original }}</span>
</div>
@@ -44,8 +44,8 @@
<b-field
label="IP"
label-position="on-border"
- type="is-lolisafe"
- class="lolisafe-on-border">
+ type="is-chibisafe"
+ class="chibisafe-on-border">
<div class="control">
<span class="fake-input">{{ file.ip }}</span>
</div>
@@ -54,8 +54,8 @@
<b-field
label="Link"
label-position="on-border"
- type="is-lolisafe"
- class="lolisafe-on-border">
+ type="is-chibisafe"
+ class="chibisafe-on-border">
<div class="control">
<a
class="fake-input"
@@ -67,8 +67,8 @@
<b-field
label="Size"
label-position="on-border"
- type="is-lolisafe"
- class="lolisafe-on-border">
+ type="is-chibisafe"
+ class="chibisafe-on-border">
<div class="control">
<span class="fake-input">{{ formatBytes(file.size) }}</span>
</div>
@@ -77,8 +77,8 @@
<b-field
label="Hash"
label-position="on-border"
- type="is-lolisafe"
- class="lolisafe-on-border">
+ type="is-chibisafe"
+ class="chibisafe-on-border">
<div class="control">
<span class="fake-input">{{ file.hash }}</span>
</div>
@@ -87,19 +87,19 @@
<b-field
label="Uploaded"
label-position="on-border"
- type="is-lolisafe"
- class="lolisafe-on-border">
+ type="is-chibisafe"
+ class="chibisafe-on-border">
<div class="control">
<span class="fake-input"><timeago :since="file.createdAt" /></span>
</div>
</b-field>
- <div class="divider is-lolisafe has-text-light">
+ <div class="divider is-chibisafe has-text-light">
Tags
</div>
<Taginfo :image-id="file.id" :image-tags="tags" />
- <div class="divider is-lolisafe has-text-light">
+ <div class="divider is-chibisafe has-text-light">
Albums
</div>
<Albuminfo :image-id="file.id" :image-albums="albums" :albums="tinyDetails" />
@@ -167,7 +167,7 @@ export default {
.fake-input {
font-size: 1rem !important;
height: 2.5rem;
- border-color: #323846; /* $lolisafe */
+ border-color: #323846; /* $chibisafe */
max-width: 100%;
width: 100%;
border-radius: 4px;