refactor: remove unnecessary `scoped` leftovers from Vue

refactor/sveltekit
Tomáš Mládek 2023-12-28 21:03:28 +01:00
parent 90d10858fa
commit e2dcb07ec9
9 changed files with 17 additions and 15 deletions

View File

@ -127,7 +127,7 @@
{/each} {/each}
</LabelBorder> </LabelBorder>
<style scoped lang="scss"> <style lang="scss">
.icon { .icon {
display: inline-block; display: inline-block;
font-size: 1.25em; font-size: 1.25em;

View File

@ -17,8 +17,8 @@
import EntityList from "./widgets/EntityList.svelte"; import EntityList from "./widgets/EntityList.svelte";
import { import {
ATTR_IN, ATTR_IN,
ATTR_LABEL,
ATTR_KEY, ATTR_KEY,
ATTR_LABEL,
ATTR_OF, ATTR_OF,
} from "@upnd/upend/constants"; } from "@upnd/upend/constants";
import InspectGroups from "./InspectGroups.svelte"; import InspectGroups from "./InspectGroups.svelte";
@ -26,6 +26,7 @@
import LabelBorder from "./utils/LabelBorder.svelte"; import LabelBorder from "./utils/LabelBorder.svelte";
import { debug } from "debug"; import { debug } from "debug";
import { Any } from "@upnd/upend/query"; import { Any } from "@upnd/upend/query";
const dbg = debug("kestrel:Inspect"); const dbg = debug("kestrel:Inspect");
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
@ -559,7 +560,7 @@
/> />
</div> </div>
<style scoped lang="scss"> <style lang="scss">
header h2 { header h2 {
margin-bottom: 0; margin-bottom: 0;
} }

View File

@ -51,7 +51,7 @@
<canvas bind:this={canvas} {width} height="3" title={address} /> <canvas bind:this={canvas} {width} height="3" title={address} />
<style scoped> <style>
canvas { canvas {
display: inline-block; display: inline-block;
height: 1em; height: 1em;

View File

@ -5,7 +5,7 @@
import UpObjectLabel from "./UpObjectLabel.svelte"; import UpObjectLabel from "./UpObjectLabel.svelte";
import UpLink from "./UpLink.svelte"; import UpLink from "./UpLink.svelte";
import Icon from "../utils/Icon.svelte"; import Icon from "../utils/Icon.svelte";
import { readable, writable, type Readable } from "svelte/store"; import { readable, type Readable, writable } from "svelte/store";
import { notify, UpNotification } from "../../notifications"; import { notify, UpNotification } from "../../notifications";
import IconButton from "../utils/IconButton.svelte"; import IconButton from "../utils/IconButton.svelte";
import { vaultInfo } from "../../util/info"; import { vaultInfo } from "../../util/info";
@ -231,7 +231,7 @@
</div> </div>
</div> </div>
<style scoped lang="scss"> <style lang="scss">
@use "../../styles/colors"; @use "../../styles/colors";
.upobject { .upobject {

View File

@ -28,7 +28,7 @@
</UpLink> </UpLink>
</div> </div>
<style scoped lang="scss"> <style lang="scss">
.upobjectcard { .upobjectcard {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@ -22,7 +22,7 @@
</Ellipsis> </Ellipsis>
</div> </div>
<style scoped lang="scss"> <style lang="scss">
.upobject-label { .upobject-label {
max-width: 100%; max-width: 100%;
} }

View File

@ -69,7 +69,7 @@
</div> </div>
{/each} {/each}
<style scoped lang="scss"> <style lang="scss">
.job { .job {
display: flex; display: flex;

View File

@ -1,10 +1,10 @@
<script lang="ts"> <script lang="ts">
import { notify } from "../../notifications";
import { fade } from "svelte/transition";
import type { import type {
UpNotification, UpNotification,
UpNotificationLevel, UpNotificationLevel,
} from "../../notifications"; } from "../../notifications";
import { notify } from "../../notifications";
import { fade } from "svelte/transition";
import Icon from "../utils/Icon.svelte"; import Icon from "../utils/Icon.svelte";
import { DEBUG, lipsum } from "../../lib/debug"; import { DEBUG, lipsum } from "../../lib/debug";
@ -74,7 +74,7 @@
</div> </div>
{/each} {/each}
<style scoped lang="scss"> <style lang="scss">
@use "../../styles/colors"; @use "../../styles/colors";
.notification-error { .notification-error {

View File

@ -4,12 +4,12 @@
import Ellipsis from "../utils/Ellipsis.svelte"; import Ellipsis from "../utils/Ellipsis.svelte";
import UpObject from "../display/UpObject.svelte"; import UpObject from "../display/UpObject.svelte";
import { createEventDispatcher } from "svelte"; import { createEventDispatcher } from "svelte";
import type { WidgetChange, AttributeUpdate } from "../../types/base"; import type { AttributeUpdate, WidgetChange } from "../../types/base";
import type { UpEntry, UpListing } from "@upnd/upend"; import type { UpEntry, UpListing } from "@upnd/upend";
import IconButton from "../utils/IconButton.svelte"; import IconButton from "../utils/IconButton.svelte";
import Selector, { import Selector, {
selectorValueAsValue,
type SelectorValue, type SelectorValue,
selectorValueAsValue,
} from "../utils/Selector.svelte"; } from "../utils/Selector.svelte";
import Editable from "../utils/Editable.svelte"; import Editable from "../utils/Editable.svelte";
import { query } from "../../lib/entity"; import { query } from "../../lib/entity";
@ -20,6 +20,7 @@
import { i18n } from "../../i18n"; import { i18n } from "../../i18n";
import UpLink from "../display/UpLink.svelte"; import UpLink from "../display/UpLink.svelte";
import { ATTR_ADDED, ATTR_LABEL } from "@upnd/upend/constants"; import { ATTR_ADDED, ATTR_LABEL } from "@upnd/upend/constants";
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
export let columns: string | undefined = undefined; export let columns: string | undefined = undefined;
@ -424,7 +425,7 @@
{/if} {/if}
</div> </div>
<style lang="scss" scoped> <style lang="scss">
.entry-list { .entry-list {
display: grid; display: grid;
grid-template-columns: var(--template-columns); grid-template-columns: var(--template-columns);