Removed card shadows

This commit is contained in:
Joel Collins 2020-03-30 13:32:32 +01:00
parent 5fb1a887d9
commit dab186ee96
4 changed files with 11 additions and 3 deletions

View file

@ -176,6 +176,8 @@
.uk-card { .uk-card {
border-radius: @paper-border-radius; border-radius: @paper-border-radius;
border: 1px solid rgba(180, 180, 180, 0.25); border: 1px solid rgba(180, 180, 180, 0.25);
box-shadow: none;
-webkit-box-shabox-shadow: none;
} }
.uk-card-media-top img { .uk-card-media-top img {

View file

@ -1,6 +1,6 @@
<template> <template>
<div <div
class="hostCard uk-card uk-card-default uk-card-hover uk-padding-remove uk-width-medium" class="hostCard uk-card uk-card-default uk-padding-remove uk-width-medium"
:class="{ 'uk-card-secondary': $store.state.globalSettings.darkMode }" :class="{ 'uk-card-secondary': $store.state.globalSettings.darkMode }"
> >
<div class="uk-card-media-top"> <div class="uk-card-media-top">
@ -32,6 +32,7 @@
<div class="host-description">{{ hostname }}:{{ port }}</div> <div class="host-description">{{ hostname }}:{{ port }}</div>
</div> </div>
<a <a
v-if="deletable"
href="#" href="#"
class="uk-icon uk-width-auto host-delete" class="uk-icon uk-width-auto host-delete"
@click="$emit('delete')" @click="$emit('delete')"
@ -70,6 +71,11 @@ export default {
port: { port: {
type: Number, type: Number,
required: true required: true
},
deletable: {
type: Boolean,
required: false,
default: true
} }
}, },

View file

@ -1,6 +1,6 @@
<template> <template>
<div <div
class="capture-card uk-card uk-card-default uk-card-hover uk-padding-remove uk-width-medium" class="capture-card uk-card uk-card-default uk-padding-remove uk-width-medium"
:class="{ 'uk-card-secondary': $store.state.globalSettings.darkMode }" :class="{ 'uk-card-secondary': $store.state.globalSettings.darkMode }"
> >
<div class="uk-card-media-top"> <div class="uk-card-media-top">

View file

@ -1,6 +1,6 @@
<template> <template>
<div <div
class="capture-card uk-card uk-card-primary uk-card-hover uk-padding-remove uk-width-medium" class="capture-card uk-card uk-card-primary uk-padding-remove uk-width-medium"
> >
<div class="uk-card-media-top"> <div class="uk-card-media-top">
<a href="#"> <a href="#">