diff options
Diffstat (limited to 'src/site/components/image-modal')
| -rw-r--r-- | src/site/components/image-modal/ImageInfo.vue | 42 | ||||
| -rw-r--r-- | src/site/components/image-modal/TagInfo.vue | 2 |
2 files changed, 22 insertions, 22 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; diff --git a/src/site/components/image-modal/TagInfo.vue b/src/site/components/image-modal/TagInfo.vue index 756a32d..fb65343 100644 --- a/src/site/components/image-modal/TagInfo.vue +++ b/src/site/components/image-modal/TagInfo.vue @@ -3,7 +3,7 @@ <b-taginput :value="selectedTags" :data="filteredTags" - class="lolisafe taginp" + class="chibisafe taginp" ellipsis icon="label" placeholder="Add a tag" |