sendnrw/misskey
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use tabler icons (#9354)

Browse Source 
* wip

* wip

* wip

* Update style.scss

* wip

* wip

* wip

* wip
This commit is contained in:
syuilo
2022-12-19 19:01:30 +09:00
committed by GitHub
parent e3b8482891
commit 917ef465a5
240 changed files with 981 additions and 947 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/client/src/components/form/checkbox.vue
View File

@@ -10,7 +10,7 @@
@keydown.enter="toggle"
>
<span ref="button" v-adaptive-border v-tooltip="checked ? i18n.ts.itsOn : i18n.ts.itsOff" class="button" @click.prevent="toggle">
<i class="check fas fa-check"></i>
<i class="check ti ti-check"></i>
</span>
<span class="label">
<!-- TODO: 無名slotの方は廃止 -->

8
packages/client/src/components/form/folder.vue
View File

@@ -5,8 +5,8 @@
<span class="text"><slot name="label"></slot></span>
<span class="right">
<span class="text"><slot name="suffix"></slot></span>
<i v-if="opened" class="fas fa-angle-up icon"></i>
<i v-else class="fas fa-angle-down icon"></i>
<i v-if="opened" class="ti ti-chevron-up icon"></i>
<i v-else class="ti ti-chevron-down icon"></i>
</span>
</div>
<KeepAlive>
@@ -23,7 +23,7 @@
const props = withDefaults(defineProps<{
defaultOpen: boolean;
}>(), {
defaultOpen: false,
defaultOpen: false,
});
let opened = $ref(props.defaultOpen);
@@ -46,7 +46,7 @@ const toggle = () => {
align-items: center;
width: 100%;
box-sizing: border-box;
padding: 12px 14px 12px 14px;
padding: 10px 14px 10px 14px;
background: var(--buttonBg);
border-radius: 6px;

2
packages/client/src/components/form/input.vue
View File

@@ -29,7 +29,7 @@
</div>
<div class="caption"><slot name="caption"></slot></div>
<MkButton v-if="manualSave && changed" primary class="save" @click="updated"><i class="fas fa-check"></i> {{ i18n.ts.save }}</MkButton>
<MkButton v-if="manualSave && changed" primary class="save" @click="updated"><i class="ti ti-check"></i> {{ i18n.ts.save }}</MkButton>
</div>
</template>

4
packages/client/src/components/form/link.vue
View File

@@ -5,7 +5,7 @@
<span class="text"><slot></slot></span>
<span class="right">
<span class="text"><slot name="suffix"></slot></span>
<i class="fas fa-external-link-alt icon"></i>
<i class="ti ti-external-link icon"></i>
</span>
</a>
<MkA v-else class="main _button" :class="{ active }" :to="to" :behavior="behavior">
@@ -13,7 +13,7 @@
<span class="text"><slot></slot></span>
<span class="right">
<span class="text"><slot name="suffix"></slot></span>
<i class="fas fa-chevron-right icon"></i>
<i class="ti ti-chevron-right icon"></i>
</span>
</MkA>
</div>

3
packages/client/src/components/form/radio.vue
View File

@@ -45,12 +45,13 @@ function toggle(): void {
display: inline-block;
text-align: left;
cursor: pointer;
padding: 8px 10px;
padding: 7px 10px;
min-width: 60px;
background-color: var(--panel);
background-clip: padding-box !important;
border: solid 1px var(--panel);
border-radius: 6px;
font-size: 90%;
transition: all 0.2s;
> * {

4
packages/client/src/components/form/select.vue
View File

@@ -18,11 +18,11 @@
>
<slot></slot>
</select>
<div ref="suffixEl" class="suffix"><i class="fas fa-chevron-down"></i></div>
<div ref="suffixEl" class="suffix"><i class="ti ti-chevron-down"></i></div>
</div>
<div class="caption"><slot name="caption"></slot></div>
<MkButton v-if="manualSave && changed" primary @click="updated"><i class="fas fa-save"></i> {{ i18n.ts.save }}</MkButton>
<MkButton v-if="manualSave && changed" primary @click="updated"><i class="ti ti-device-floppy"></i> {{ i18n.ts.save }}</MkButton>
</div>
</template>

2
packages/client/src/components/form/suspense.vue
View File

@@ -8,7 +8,7 @@
</div>
<div v-else>
<div class="wszdbhzo">
<div><i class="fas fa-exclamation-triangle"></i> {{ $ts.somethingHappened }}</div>
<div><i class="ti ti-alert-triangle"></i> {{ $ts.somethingHappened }}</div>
<MkButton inline class="retry" @click="retry"><i class="fas fa-redo-alt"></i> {{ $ts.retry }}</MkButton>
</div>
</div>

2
packages/client/src/components/form/textarea.vue
View File

@@ -22,7 +22,7 @@
</div>
<div class="caption"><slot name="caption"></slot></div>
<MkButton v-if="manualSave && changed" primary class="save" @click="updated"><i class="fas fa-save"></i> {{ i18n.ts.save }}</MkButton>
<MkButton v-if="manualSave && changed" primary class="save" @click="updated"><i class="ti ti-device-floppy"></i> {{ i18n.ts.save }}</MkButton>
</div>
</template>